H5 音频与视频

视频播放<video src="文件存放路径" controls> </video>

controls 属性用于设置或者返回浏览器应当显示的标准音频视频控件，共包含七个功能：播放、暂停、进步条、音量、全屏切换、字幕、轨道

video支持三种视频格式

Ogg、MPEG4、WebM

由于浏览器存在的兼容性的问题

为此H5提供了<source>标签

写法示例

　　<video>

　　　　<source src="文件地址" type="文件类型">

　　　　<source src="文件地址" type="文件类型">

　　</video>

<video>标签的常用属性

autoplay：autoplay 如果出现该属性，该视屏在就绪后马上播放

controls：controls 显示播放控件

width：设置宽度

height：设置高度

loop：loop 如果出现该属性，则循环播放

preload：preload 如果出现该属性则视频在页面加载时进行加载，并预备播放，如果使用autoplay，则忽略该属性

src：设置播放音频的url

 

HTML DOM Video对象

load（）加载媒体文件，为播放做准备。通常用于播放前的预加载，也用于重新加载媒体文件

play（）播放媒体文件，如果视屏没有加载，则加载并播放，如果视屏是暂停的，则变为播放

pause（）暂停播放媒体文件

canPlayType（）测试浏览器是否支持指定的媒体类型

 

video对象用于DOM操作常用属性

currentSrc   　　　　返回当前视屏的URL

currentTime　　　　返回当前视屏中当前播放的位置（以秒来计算）  

duration　　　　　　返回视频的长度（以秒计算）

ended　　　　　　   返回视频播放是否结束

error　　　　　　　　返回视屏错误状态的MediaError对象

paused　　　　　　设置或者返回视屏是否暂停

muted　　　　　　设置或者是否关闭声音

volume　　　　　　　　设置或者返回当前视屏的音量

height　　　　　　　　设置或者返回视屏的高度

width　　　　　　　　设置或者返回当前视屏的宽度

 

video对象常用于DOM操作的常用事件

play　　　　　　执行当时方法play()时触发

playing　　　　　　正在播放时触发

pause　　　　　　执行pause()触发

timeupdate　　　　当前播放位置被改变时触发

ended　　　　　　当播放结束后停止播放时触发

waiting　　　　　　等待下一帧时触发

volumechange　　当音量改变时触发

canplay　　　　　　以当前播放速率需要缓冲时触发

canplaythrough　　  以当前缓冲速率，不需要缓冲时触发

durationchange　　 在播放时长改变时触发

loadstart　　　　　　在浏览器开始在网上寻找数据时触发

progess　　　　　　在浏览器或许媒体文件时触发

error　　　　　　　　获取媒体过程中出错时触发

emptied　　　　　　所在网络变为初始化状态时触发

seeking　　　　　　在浏览器请求数据时触发

seeked　　　　　　在浏览器停止请求数据时触发

 

 

<audio>标签类似于 video