HTML <video> controls 属性
当使用 <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>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
尝试一下 »
浏览器支持
所有主流浏览器都支持 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> 标签