upload 9/25

markdown/2024/0925.md

@@ -0,0 +1,24 @@
+# メタデータ
+- title=HTMLのvideoタグで貼った動画のサムネイルがSafariで表示されない問題を解決
+- description=HTMLのvideoタグで貼った動画のサムネイルがSafariで表示されない問題を解決しました。
+- date=2024年9月25日（水）
+- update=2024年9月25日（水）
+- math=false
+- tag=others
+
+## はじめに
+HTMLのvideoタグで貼った動画のサムネイルがSafariで表示されない問題を解決します。
+
+## Safariでサムネイルが表示されない問題
+Chromeだと動画のサムネイルは表示されるのですが、Safariだと表示されませんでした。
+
+## サムネイルを表示するための設定方法
+動画ファイルのパスを指定するときに、開始地点の秒数も指定するとSafariでもサムネイルが表示されるようになりました。
+下記のように`t=0.1`と指定すると開始時間を`0.1`に設定できます。
+
+```
+src="sample.mp4#t=0.1"
+```
+
+## おわりに
+HTML上で貼った動画のサムネイルをSafariでも表示できるようになりました。