H5中的音乐和视屏自定义

本文介绍了如何在H5中使用<audio>标签进行音乐的自定义播放,包括添加控制条、设置自动播放和循环播放等特性。

<audio controls src="vd/johann_sebastian_bach_air.mp3" <!--autoplay自动播放  loop循环播放-->></audio>  音乐标签;

媒体元素 
controls  :   显示或隐藏用户控制界面
autoplay  :  媒体是否自动播放
loop  : 媒体是否循环播放
currentTime  :  开始到播放现在所用的时间
duration  :  总时间(只读)
volume  :   0.0-1.0的音量相对值
muted  :   是否静音  true为静音  默认是不静音
play()  :  播放
pause()  :  暂停

<video  id="b">  <!--视频-->  视屏标签
<source src="vd/Intermission-Walk-in_512kb.mp4" type="video/mp4"></source>   视屏的格式
<source src="vd/johann_sebastian_bach_air.ogg" type="video/ogg"></source>

</video>

poster  :   视频播放前的预览图片
width、height  :   设置视频的尺寸
mozRequestFullScreen();火狐阅览器下全屏
videoWidth、 videoHeight  :   视频的实际尺寸(只读)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值