controls 属性は、ブール型属性です。
指定された場合、audio/video コントロールを表示すべきであることを指定します。
Controls は、以下のものが含まれます:
controls 属性は、以下の要素で使用することができます:
要素 | 属性 |
---|---|
<audio> | controls |
<video> | controls |
ブラウザのデフォルトのコントロールを持つ <audio> 要素:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Try it Yourself ❯
ブラウザのデフォルトのコントロールを持つ <video> 要素:
<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Try it Yourself ❯
controls
属性は、要素ごとに以下のブラウザがサポートしています。
要素 | |||||
---|---|---|---|---|---|
audio | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
video | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |