HTML <video> controls 属性

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 ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 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> 标签