HTML <video> controls 属性

HTML <video> 标签HTML <video> 标签

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

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

浏览器控件应该包括:

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

 

1. HTML 4.01 与 HTML 5 之间的差异

controls 属性是 HTML 5 中的新属性。

 

2. 语法

<video controls="controls" />

 

3. 范例

带有浏览器默认控件的 video 元素:

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

我要试一试

HTML <video> 标签HTML <video> 标签

HTML <video> height 属性:height 属性指定视频播放器的高度。规定视频的高度和宽度是一个好习惯。如果设置这些属性,在页面加载时会为视频预留出空间。如果没有设置这些属性,那么浏览器就无法预先确定视频的尺寸,这样就无法为视频保留合适的空间。结果是,在页面加载的过程中,其布局也会产生变化。