H5音视频标签，属性，DOM，事件解析：

1.音视频标签
①.视频
<video src=“video/test.mp4” controls></video>
必须写上controls视频才能向用户显示控件，比如播放按钮。
视频格式： mp4、avi、rmvb、3gp …
H5支持的格式 mp4、webm、 ogg 推荐mp4
②.音频<audio src=“audio/test.mp3” controls></audio>
必须写上controls音频才能向用户显示控件，比如播放按钮。
2.音视频标签的属性
video标签属性：
src 指定视频地址
width/height 视频大小 尽量不同时设置
controls 显示控制条 不用给值
muted 静音 不用给值
autoplay 自动播放 不用给值 （只有设置了静音的视频才能自动播放）
loop 循环播放 不用给值
poster 指定视频封面 不设置自动播放才有意义
preload 视频预加载，就是没点击播放也会加载视频。无需给值 不设置自动播放才有意义
<video src=“video/test.mp4” controls width=“600” muted loop poster=“img/1.jpg”></video>
audio标签属性：
比起video少了 width、height、poster
3.音视频DOM
①.用一个按钮控制视频播放和暂停。
方法：play() 播放      pause() 暂停
属性：paused 是否暂停，返回true/false，true表示暂停。
if(video.paused){
      video.play();
      this.innerHTML = ‘暂停’;
}else{
      video.pause();
      this.innerHTML = ‘播放’;
}
②.用一个按钮控制视频是否静音。
muted 是否静音
video.muted = !video.muted;
③.用两个按钮控制视频调大或者减小音量。
volume 设置/获取音视频音量 0~1之间小数，超出范围报错。
由于js不能做精确度高的运算，所以定义变量接收当前的音量值，然后进行加或者减0.1，调大音量时判断是否大于等于1，调小音量时判断是否小于等于0。
var volume = video.volume;
volume += 0.1;
if(volume >= 1){
      volume = 1;
}
video.volume = volume;
④.用一个按钮控制视频快进或快退。
currentTime 视频当前播放位置 单位是秒
video.currentTime += 5;
⑤.用一个按钮控制视频倍速播放。
playbackRate 设置/获取播放倍速，默认值是1
video.playbackRate = 2;
⑥.在控制台输出视频总时间。
duration 视频长度，单位秒
等到元数据加载完毕，给video监听loadedmetadata事件。
video.addEventListener(‘loadedmetadata’,function () {
      console.log(video.duration);
});
⑦.在控制台输出视频当前时间。
currentTime 视频当前播放位置，单位是秒
播放时间发生改变，给video监听timeupdate事件。
video.addEventListener(‘timeupdate’,function () {
      console.log(video.currentTime);
});
4.事件
loadedmetadata 音视频元数据加载完毕 （获取视频长度）
timeupdate 音视频播放位置发生改变（在播放过程中不停触发）
ended 音视频播放结束
play 音视频播放
pause 音视频暂停
volumechange 音量改变
ratechange 倍速改变