HTML controls 属性
定义和用法
controls 属性是一个布尔属性。
如果存在,它指定应显示音频/视频控件。
控件应包括:
- 播放
- 暂停
- 寻找
- 音量
- 全屏切换(仅限视频)
- 字幕/字幕(仅适用于视频,如果有)
- 跟踪(仅适用于视频,如果可用)
适用于
controls 属性可用于以下元素:
元素 | 属性 |
---|---|
<audio> | controls |
<video> | controls |
实例
Audio 实例
带有浏览器默认控件的 <audio> 元素:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
你的浏览器不支持 audio 元素。
</audio>
亲自试一试 »
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
你的浏览器不支持 audio 元素。
</audio>
Video 实例
带有浏览器默认控件的 <video> 元素:
<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 视频标签。
</video>
亲自试一试 »
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 视频标签。
</video>
浏览器支持
controls
属性对每个元素都有以下浏览器支持:
元素 | |||||
---|---|---|---|---|---|
audio | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
video | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |