1.视频处理：
1.<video src="一种格式" autoplay></video>标签 不影响HTML页面，耗显卡和cpu
如果当前浏览器不支持video元素，可以在video元素内编写提示信息；<video>浏览器不支持</video> *****
<video>支持的视频格式
MP4格式 - 目前比较主流
OGG格式 - 多用于移动端
WebM格式 - 目前唯一支持超高清格式
* 在HTML页面中支持超高清格式(HTML5)
* 由Google公司推出的
属性：
- src 引入路径
支持的视频格式：
.mp4(主流)
.ogv(OGG格式的一种，用于移动端)
.webm(在HTML5页面中，目前唯一支持超高清格式 1080p，由Google退出)
- autoplay 自动播放;只定义属性名，没有属性值
- controls 视频播放的控制面板;只定义属性名，没有属性值
- loop 视频循环播放;只定义属性名，没有属性值
- poster="img" 播放之前先引入一张图片
- width,height
- preload 预加载
auto 自动加载，尽快加载完毕，默认
none 不加载（不能被缓存，版权保护）
metadata只加载视频基本信息（视频名称，宽高等，不包含视频）
2.在video元素中 可以包含多个<source>元素,可以放不同格式的相同视频，兼容各个浏览器；
<video autoplay>
浏览器不支持
<source src="mp4格式" />
<source src="ogv格式" />
<source src="webm格式" />
</video>
高级内容：
方法：
- play() 视频播放
- pause() 视频暂停
- load() 视频加载
- canPlayType() 判断浏览器是否支持指定视频格式；
事件：
- play 视频播放时触发
- pause 视频暂停时触发
- ended 视频结束时触发 第一集播完指向第二集 改变src
- error 视频播放“错误”时触发
- canplay 不考虑整体情况下，只要能播放就播放
- canplaythrough考虑整体
- progress 视频加载的进度
属性：表示判断的 返回布尔值 true/false
- paused 判断当前是否暂停
- ended 判断当前是否播放完毕
- duration 表示当前视频的时长
- currentTime 表示当前视频播放的位置
例子:自定义控制面板
问题：video元素与其他元素是相对定位时，当video视频全屏时，默认在浏览器最前端，广告被覆盖；所以不能全屏；
解决：利用video元素提供的高级编程自己实现；
使用目前封装好的video的js库；
【video-js库】
video
2.音频处理：
<audio>元素
audio支持的音频格式：
MP3格式 - 目前比较主流
OGG格式
WAV格式
1.<audio src controls></audio> 设置controls才能看见；
2.
<audio>
浏览器不支持
<source src="mp3格式" />
<source src="格式" />
<source src="格式" />
</audio>
用法同video