poster属性

poster属性のデモです。再生前に表示される画像です。

poster属性あり

<video src="./movie.mp4" poster="./image.png" preload="none" controls></video>

poster属性なし (preload=none)

一般的なブラウザでは、poster属性がなく、かつ、フレームの情報がなければ、何も表示されません。

<video src="./movie.mp4" preload="none" controls></video>

poster属性なし (preload=metadata、preload=auto)

一般的なブラウザでは、poster属性がなくてもフレームの情報があれば、それが表示されます。

<video src="./movie.mp4" preload="metadata" controls></video>