HTML: <video> controls 属性

由网友 大卫 发布 阅读 6

HTML: <video> controls 属性

<video> controls 属性的使用方法,在线实例演示如何使用 <video> controls 属性、浏览器的兼容性、语法定义及它的属性值详细资料等。

 HTML <video> 标签

在线示例

具有浏览器默认控件的<video>元素:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 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> loop 属性 CSS :visited 选择器