1. ホーム
  2. html

[解決済み] HTML5動画にサムネイル画像を設定するには?

2022-04-24 06:08:17

質問

HTML5動画にサムネイル画像を設定する方法はありますか? 再生前に画像を表示させたいのですが。 私のコードは次のようなものです。

<video width="470" height="255" controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.ogg" type="video/ogg">
    <source src="video.webm" type="video/webm">
    <object data="video.mp4" width="470" height="255">
    <embed src="video.swf" width="470" height="255">
    </object>
</video>

ありがとうございました。

解決方法は?

追加 poster="placeholder.png" をvideoタグに追加してください。

<video width="470" height="255" poster="placeholder.png" controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.ogg" type="video/ogg">
    <source src="video.webm" type="video/webm">
    <object data="video.mp4" width="470" height="255">
    <embed src="video.swf" width="470" height="255">
    </object>
</video>

うまくいくか?