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