“video”要素~“autoplay”属性

“autoplay”属性について

“autoplay”属性を指定すると動画ファイルが再生可能な状態になった時点で即座に再生が始まります。

一部のブラウザではスクロールなどによって映像の表示領域がビューポートに入った時に自動的に再生が始まります。

また、一部のブラウザではミュートした状態を初期状態とする“muted”属性を同時に指定していないと“autoplay”属性が無視されます。これは動画ファイルに音声が含まれない場合も含みます。

指定できる値

属性値は省略できます。

サンプルコード

属性値を省略
<p>

<video autoplay muted 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>

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