ビデオを読み込めない場合にのみポスターを表示する

Question

サイトに2つの動画があり、イントロ（白からフェードイン）とそれに続くループ（ポスターはループから取られます）があります。私はポスターを持っていたいと思っています（ビデオをサポートしていないブラウザもあります）が、最初のビデオが始まる前にロードしたくありません。これには可能な解決策がありますか？今すぐ分けて表示され、ビデオは白いフェードから始まります。

多分私はポスターのための遅延とフェードインを追加することができますか？

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

Answer 1

だけのコードスニペットを提供し、この

<video poster="file.png" controls> 
    <source src="file.mp4" type="video/mp4" /> 
</video>