controls.md

HTML controls 属性

定义和用法

controls 属性是一个布尔属性。

如果存在，它指定应显示音频/视频控件。

控制应包括：

• 播放 Play
• 暂停 Pause
• Seeking
• 音量 Volume
• 全屏切换（仅适用于 video 视频）
• 字幕/字幕 (仅适用于 video 视频，如果可用)
• 轨道 (仅适用于 video 视频，如果可用)

适用于

controls 属性可用于以下元素：

元素 Element	属性 Attribute
<audio>	controls
<video>	controls

示例

Audio 示例

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

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  您的浏览器不支持音频元素。
</audio>

Video 示例

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

<video width="320" controls>
  <source
    type="video/mp4"
    src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4">
  <source
    type="video/webm"
    src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm">
  您的浏览器不支持 video 标签。
</video>

浏览器支持

controls 属性对每个元素都有以下浏览器支持：

元素 Element
audio	4.0	9.0	3.5	4.0	10.5
video	4.0	9.0	3.5	4.0	10.5