轻松上手,快乐学习!

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>
亲自试一试 »

Video 实例

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

<video controls>
  <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