ブログ内のビデオにカスタムのプレビュー画像を表示する簡単な方法を見つけたいと思っていました。ユーザー Dominic Green は、私がほぼ開始するのを手伝ってくれました。
問題は、ページロードの直後に自動再生モードで（非表示であっても）ビデオの再生がすでに開始されていることです（バックグラウンドで音が聞こえます）が、プレビューをクリックした直後に自動再生を開始したい-画像...
これまでの例を次に示します (花の画像をクリックすると、ビデオが表示されます): http://brayaz.de/test/example.html
助けてくれてありがとう！
さまざまなサービス (SoundCloud、Vimeo、YouTube) の API は異なる動作をするため、これはかなり複雑です。
私が思いつく最善の解決策は、サムネイルのクリック イベントをリッスンし、埋め込まれたメディア タイプをテストしてから、メディア タイプ (つまり、SoundCloud オーディオ、Vimeo ビデオ) に基づいて「再生」API 呼び出しを送信することです。
ただし、そのソリューションには JavaScript が必要です。おそらく、賢い誰かが別の方法を見つけるでしょう!
YouTube 埋め込みコードの URL を「autoplay=1」ではなく「autoplay=0」に変更する必要があります。
だから変える
<iframe width="420" height="315" src="http://www.youtube.com/embed/v_MVwUqrwDc?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
に
<iframe width="420" height="315" src="http://www.youtube.com/embed/v_MVwUqrwDc?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
サムネイルをクリックした直後にビデオを開始するには、javascript が必要です。その場合は、https ://code.google.com/apis/ajax/playground/?exp=youtube#chromeless_player を参照してください。