“video”要素~“controls”属性

“controls”属性について

“controls”属性を指定すると動画ファイルの再生や停止、音量などをユーザーがコントロールできるインタフェースを表示します。

表示されるインタフェースのデザインはブラウザによって異なります。

“controls”属性を指定しない場合はインタフェースが表示されません。“autoplay”属性を指定して自動的に再生させるかJavascriptなどを使用して埋め込まれた動画ファイルを再生する方法を用意する必要があります。

指定できる値

属性値は省略できます。

サンプルコード

属性値を省略
<p>

<video controls style=" max-width: 100%;">

<source src="sample.mp4" type="video/mp4">
<source src="sample.webm" type="video/webm">
<source src="sample.ogv" type="video/ogg">
動画ファイルを再生できません

</video>

</p>

属性値を省略

“controls”属性を指定しない
<p>

<video autoplay loop muted style=" max-width: 100%;">

<source src="sample.mp4" type="video/mp4">
<source src="sample.webm" type="video/webm">
<source src="sample.ogv" type="video/ogg">
動画ファイルを再生できません

</video>

</p>

表示サンプルはリンク先を参照