poster属性

video要素のposter属性は、ドキュメントへ埋め込む動画ファイルの代わりに表示する画像ファイルのURLを指定する属性。

ブラウザ対応

構文

<video poster="URL"></video>

URL

URLに指定出来る値。

  • 絶対URL。例:http://html5.cyberlab.info/sample.png
  • 相対URL。例:sample.png

サンプルコード

<video src="sample.mp4" poster="sample.png" controls></video>

サンプル

HTMLソースコード

<p><video src="sample-video.mp4" poster="sample-img.png" controls>代替コンテンツ。</video></p>

実際の表示