HTMLコントロール属性
定義と使用法
controls
属性はブール属性です。
存在する場合、オーディオ/ビデオコントロールを表示する必要があることを指定します。
コントロールには以下を含める必要があります。
- 演奏する
- 一時停止
- 求めている
- 音量
- フルスクリーントグル(ビデオのみ)
- キャプション/字幕(ビデオのみ、利用可能な場合)
- 追跡(ビデオのみ、利用可能な場合)
に適用されます
この
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>
ビデオの例
ブラウザのデフォルトコントロールを備えた<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>
ブラウザのサポート
このcontrols
属性では、要素ごとに次のブラウザがサポートされています。
Element | |||||
---|---|---|---|---|---|
audio | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
video | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |