什么是HTML5视频？
HTML5规范引入的视频元素的播放视频的目的，部分取代对象元素。
HTML5视频是由它的创作者意图成为在网络上展示视频新标准的方式，而是采用了专有的Adobe Flash插件的前面事实上的标准，虽然早期采用因缺乏协议的哪个视频编码格式受阻和音频编码格式，应在Web浏览器的支持。
播放视频的HTML
HTML5之前，有用于显示网页上的视频没有标准。
HTML5之前，影片只能用外挂玩(like flash)
的HTML5 <video>元素指定一个标准的方式在网页中嵌入的视频。
浏览器支持
在表中的数字指定完全支持所述第一浏览器版本<video>元素。
| 元件 | |||||
|---|---|---|---|---|---|
| <video> | 4 | 9 | 3.5 | 4 | 10.5 |
的HTML <video>元
要显示在HTML的视频，可使用<video>元素：
例
<video width="320" height="240" controls>
<source src="/html/movie.mp4" type="video/mp4">
<source src="/html/movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video> 试一试» 怎么运行的
该controls的属性添加了视频控件，如播放，暂停和音量。
这是一个好主意，总是包括width和height属性。
如果未设置高度和宽度，浏览器不知道视频的大小。 效果将是该页面会改变(or flicker) ，而视频负载。
之间文本<video>和</video>标签将仅在不支持的浏览器中显示<video>元素。
多个<source>元件可以链接到不同的视频文件。 浏览器将使用第一个可识别的格式。
HTML <video>自动播放
要启动视频自动使用autoplay属性：
例
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video> 试一试» 该autoplay属性并不像iPad和iPhone移动设备。
HTML视频 - 浏览器支持
目前，有3种支持的视频格式的<video>元素：MP4，WebM和奥格：
| 浏览器 | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | NO | NO |
| Opera | YES (from Opera 25) | YES | YES |
HTML视频 - 媒体类型
| 文件格式 | 媒体类型 |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
HTML视频 - 方法，属性和事件
HTML5定义了DOM的方法，属性和事件<video>元素。
这使您可以加载，播放和暂停视频，以及设置时间和体积。
也有DOM事件时，会在视频开始播放，可以通知你，暂停等。
对于一个完整的DOM参考，请访问我们的HTML5音频/视频DOM参考 。
HTML5视频标签
| 标签 | 描述 |
|---|---|
| <video> | 定义视频或电影 |
| <source> | 定义了用于媒体元素的多个媒体资源，诸如<video>和<audio> |
| <track> | 定义文本轨道中的媒体播放器 |