“video”要素~“poster”属性

“poster”属性について

“poster”属性は動画ファイルを読み込むまで映像の表示領域に表示する画像のURLを指定します。値となるURLは相対パスや絶対パスで指定します。

“poster”属性を指定していない場合は動画の最初のフレームが利用できるようになるまでは何も表示されず、利用できるようになった後は最初のフレームが表示されます。動画ファイルが見つからないなどの理由で読み込めない場合も表示されます。

指定できる値

サンプルコード

<p>

<video poster="sample-poster.png" 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>