HTML 标签的 controls 属性

controls 属性规定浏览器应该为音频或视频提供播放控件。如果设置了该属性，则规定不存在作者设置的脚本控件。

实例

带有浏览器默认控件的 audio 元素：

<!DOCTYPE html>
<html>
<body>
<p>点击下面播放按钮播放一段音频:</p>
<audio controls>
  <source src="/example/audio/horse.ogg" type="audio/ogv">
  <source src="/example/audio/horse.mp3" type="audio/mpeg">
  您的浏览器不支持 audio 标签
</audio>

运行一下

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

<!DOCTYPE HTML>
<html>
<body>
<video controls="controls" controls="controls">
  <source src="/example/video/demo.ogv" type="video/ogv">
  <source src="/example/video/demo.mp4" type="video/mp4">
您的浏览器不支持 video 标签
</video>
</body>
</html>

运行一下

定义和用法

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

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

浏览器控件应该包括：

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

HTML 4.01 与 HTML 5 之间的差异

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

语法

<video controls="controls" />

<audio controls="controls" />

HTML 标签的 controls 属性

实例

定义和用法

HTML 4.01 与 HTML 5 之间的差异

语法

分类导航