HTML5 视频

HTML5 视频

今天大多数视频通过插件（如 Flash）显示，但不同浏览器拥有不同插件。HTML5 规定了一种通过 <video> 元素来包含视频的标准方法。

视频格式

当前 <video> 元素支持三种视频格式：

• Ogg：带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
• MPEG4：带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
• WebM：带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

基本用法

<video src="movie.ogg" controls="controls"> </video>

controls 属性供添加播放、暂停和音量控件。包含宽度和高度属性也是不错的主意。<video> 与 </video> 之间插入的内容是供不支持 video 元素的浏览器显示的。

<video src="movie.ogg" width="320" height="240" controls="controls"> 
你的浏览器不支持video标记
</video>

多格式兼容

<video> 元素允许多个 <source> 元素，浏览器将使用第一个可识别的格式：

<video width="320" height="240" controls="controls"> 
    <source src="movie.ogg" type="video/ogg"> 
    <source src="movie.mp4" type="video/mp4">
    你的浏览器不支持video标记
</video>

autoplay 属性：如果出现该属性，则视频在就绪后马上播放。