5.1.1  使用<video>标记

5.1.1 使用< video>标记

到现在为止，仍然没有一个在网页上显示视频的标准。在这之前是通过插件在Web页面上显示视频，例如Flash。HTML 5的出现为我们解决了这个问题，在HTML 5中新增了标记<video>，通过这个标记可以在网页中播放视频，并控制这个视频。

当前，<video>标记支持如下三种视频格式。

■Ogg：带有Theora视频编码和Vorbis音频编码的Ogg文件。

■MPEG4：带有H.264视频编码和AAC音频编码的MPEG 4文件。

■WebM：带有VP8视频编码和Vorbis音频编码的WebM文件。

上述三种格式在主流浏览器版本的支持信息如表5-1所示

表5-1 主流浏览器版本支持video标记的情况

video标记的使用格式如下。

■control：供添加播放、暂停和音量控件。

■<video>与</video>之间插入的内容：是供不支持<video>元素的浏览器显示的。

例如下面的代码。

在上述代码中使用了Ogg格式的视频文件，此格式视频适用于Firefox、Opera以及Chrome浏览器。如果要确保在Safari浏览器也能使用，则视频文件必须是MPEG4类型。

另外，<video>标记允许多个“source”元素。“source”元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式。例如下面的代码。

注意：Internet Explorer 8不支持<video>标记。在IE 9中，将支持使用MPEG4的<video>元素。