HTML video 标签参考手册HTML <video> 标签

当使用 <video> 属性时，需要给添加的视频添加一个实现播放的控件，该控件使用 controls 属性实现，controls 属性设置或返回浏览器应当显示标准的视频控件，您可以在下述示例中删除代码中的controls属性，比较运行结果发生的变化：

实例

带有浏览器默认控件的 <video> 元素：

<video controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

尝试一下 »

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器都支持 controls 属性。

注意： Internet Explorer 8 及更早IE版本不支持 <video> 标签。

定义和用法

controls 属性是一个 boolean(布尔) 属性。

controls 属性规定浏览器应该为视频提供播放控件。

如果设置了该属性，则规定不存在作者设置的脚本控件。

浏览器控件应该包括：

  • 播放
  • 暂停
  • 定位
  • 音量
  • 全屏切换
  • 字幕（如果可用）
  • 音轨（如果可用）

HTML 4.01 与 HTML5之间的差异

<video> 标签是 HTML5 新标签。

HTML 与 XHTML 之间的区别

在 XHTML中, 属性不允许简写，controls 属性必须定义为： <video controls="controls">。

语法

<video controls>
HTML video 标签参考手册HTML <video> 标签