はじめに

HTMLのvideoタグで貼った動画のサムネイルがSafariで表示されない問題を解決します。

Safariでサムネイルが表示されない問題

Chromeだと動画のサムネイルは表示されるのですが、Safariだと表示されませんでした。

サムネイルを表示するための設定方法

動画ファイルのパスを指定するときに、開始地点の秒数も指定するとSafariでもサムネイルが表示されるようになりました。 下記のようにt=0.1と指定すると開始時間を0.1に設定できます。

src="sample.mp4#t=0.1"

おわりに

HTML上で貼った動画のサムネイルをSafariでも表示できるようになりました。