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