HTML5新增标签--video

由于现在很多网站会使用到视频. HTML5 提供了展示视频的标准，规定了一种通过 video 元素来包含视频的标准方法。

兼容性

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持 元素.
注意: Internet Explorer 8 或者更早的IE版本不支持 元素。
目前 元素支持三种视频格式： MP4, WebM, 和 Ogg:
目前主要浏览器支持如下：

处理方式

	<video>
        <source src="./reg/da.mp4">
        <source src="./reg/da.WebM">
      	<source src="./reg/da.Ogg">
 <!-- 兼容性处理，不支持浏览器会显示文字 -->
       您的浏览器不支持VIDEO标签！
    </video>

这样当用户的浏览器不兼容时会直接显示不支持该标签；

常用属性

1. autoplay 是否自动播放，但是由于浏览器会阻碍，所以一般即使使用很大的情况下也无法自动播放，一般和静音muted配合使用可以实现自动播放的效果或者要是想直接播放也可以使用play()方法

2. controls 显示播放的控件，但是在每个浏览器的外观和样式都有区别；在使用中我们会发现各大网站使用较多的是自己写的控件控制，以实现美观和样式的统一；

3. currentTime 当前播放时间，可以赋值，即使赋值比总时长长，也只到总时长

4. duration 总时长

5. ended 是否播放到结尾了，设置无效
   

6. loop 这个属性主要用于设置是否循环播放，写了就是循环播放

7. muted 是否静音，和上面的自动播放搭配使用，实现自动播放

8. volumn 音量设置，范围是0-1，这个不能直接写在标签内，只能在js中书写

9. pasued 判断是否属于暂停状态

10. poster 一般用于我们常见的视频播放的第一张海报；
    

常用方法

由于每一个浏览器对video的样式展示不同，所以大型网站门户基本都自己手写样式，所以这两个方法运用还是较为广泛

1. piay() 开始视频播放
2. pause（）停止视频播放

常用事件

onplay 视频开始播放事件
onpause 视频暂停播放事件