在html5中，“视频”标籤<video>定义视频，比如电影片段或其他视频流。
基本介绍
- 中文名：html5 video
- 类别：编程函式
- 作用：视频编辑
- 用法：定义视频
简介
HTML5是近十年来Web标準最巨大的飞跃。HTML5并非仅仅用来表示Web内容，它也将Web带入一个成熟的套用平台，在这个平台上，视频，音频，动画，以及同电脑的互动都被标準化。随着HTML5的发展，各个浏览器都已经或即将支持HTML5。在大潮流的推动下，微软也表示将把HTML5作为IE9的核心，并将全力投入HTML5。
很多平时最喜欢上网看视频、玩游戏的朋友经常抱怨不爽，因为网上好多视频和游戏都需要安装Flash外挂程式，并且速度也跟不上！HTML5的出现解决了这一难题。HTML5提供了音频视频的标準接口，实现了无需任何外挂程式支持，只需浏览器支持相应的HTML5标籤。怪不得都说HTML5是Flash的终结者！Safari5、Firefox4和Chrome6等浏览器加入了HTML5技术，可以免除Flash外挂程式的安装直接播放视频 ！
视频格式
当前，“视频”元素支持三种视频格式：
IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 | |
Ogg | √ | √ | √ | √ | |
MPEG 4 | √ | √ | √ | ||
WebM | √ | √ | √ | √ |
Ogg = 带有 Thedora 视频编码和 Vorbis 音频编码的 Ogg 档案
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 档案
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 档案
实例
<videosrc="movie.ogg"width="320"height="240"controls="controls">浏览器不支持“视频”标籤。</video>
上面的例子使用一个 Ogg 档案，适用于Firefox、Opera 以及 Chrome 浏览器。
要确保适用于 Safari 浏览器，视频档案必须是 MPEG4 类型。
video 元素允许多个“源”（实际套用src、外语全称SouRCe）元素。“源”元素可以连结不同的视频档案（视频档案的来“源”）。
HTML5 Video 标籤
下表中列出来 HTML5 的 Video 标籤：
| 标籤 | 描述 |
|---|---|
<video> | 定义一个视频 |
<source> | 定义多种媒体资源,比如<video> 和<audio> |
<track> | 定义在媒体播放器文本轨迹 |
Firefox对MP4的支持
从R21开始， Firefox增强了对MP4的支持，从而使得MP4这一种格式能够通行所有平台。 但是， 支持程度与作业系统有关。下面是已经支持的OS：
- Android（R20+）；
- Windows 7，Win8（R21+）；
- Windows Vista（R22+，不支持SP1）；
- Windows XP，Mac OS X，iOS，Linux（尚未支持）。
国内浏览器的支持情况
浏览器Video | Video（本元素） | src | controls | autoplay | poster | preload | loop | width | height |
ie6 | 否 | - | - | - | |||||
ie7 | 否 | - | - | - | |||||
ie8 | 否 | - | - | - | |||||
ie9 | 是 | - | - | - | |||||
360安全浏览器 | 否 | - | - | - | |||||
傲游2.X | 否 | - | - | - | |||||
傲游3 | 是 | 是 | 是 | 是 | |||||
腾讯TT | 否 | - | - | - | |||||
世界之窗 | 否 | - | - | - | |||||
FireFox3.5 | 是 | 是 | 是 | 是 | |||||
搜狗浏览器 | 否 | 否 | - | - | |||||
Chrome3.0 | 是 | 是 | 是 | 是 | |||||
Safari3.0 | 是 | 是 | 是 | 是 | |||||
oprea10.5 | 是 | 是 | 是 | 是 |
最近有网友使用IE核心浏览器登录优酷等视频网站观看视频时，视频视窗会出现“您的浏览器不支持html5 video ”的字样，视频无法观看，解决办法是下载一个由Christian Adams开发的IE浏览器外挂程式刚刚出现，它可以帮助“老掉牙”的IE支持HTML5的<video>标籤，像Google Chrome, Firefox, Safari和Opera一样能够播放HTML5视频。下载地址见参考资料里的连结
