继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

多媒体组件audio和video

qq_安之虚静于幻_0
关注TA
已关注
手记 51
粉丝 8
获赞 87

html5中引入了audio和video来播放音频和视频,任意支持html5的浏览器都可以使用
比较常用的属性
src:媒体路径
autoplay:自动播放
preload:预加载
poster(video独有属性):在视频不可用时展示一张图片,避免一片空白
loop:循环
controls:是否为视频音频添加浏览器自带的播放用的控制条
played,paused.ended:读取播放状态,played表示是否正在播放,paused 表示是否暂停,ended表示是否播放完毕
volume和muted:volume用来设置和获取播放音量,范围为0到1,0表示静音,1为最大音量,muted表示是否静音,true表示静音,false表示没有
比较常用的方法
play:播放
pause:暂停
load:重载
canPlayType:用来判断浏览器是否识别指定的媒体类型,用法;videoElement.canPlayType(type)
比较常用的事件
play:监听播放事件,使用play方法或autoplay时触发
pause:监听暂停
ended:监听播放结束,停止播放事件

字幕组件:track

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP