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 |