jquery - Facebook のようにクリックで YouTube 動画を展開する

Question

この形式に従う YouTube ビデオのサムネイルがたくさんあるサイトがあります。

<iframe width="250" height="141" src="http://www.youtube.com/embed/<VIDEOID>" frameborder="0" allowfullscreen ></iframe>

私がしたいことは、クリックしてビデオを再生すると、再生が始まる前にプレーヤーが 500x500 のサイズになることです。このセット内のすべてのビデオに対してこれを行う必要があります。

これは、誰かが Facebook でビデオをクリックしたときに起こることと同じ原理であり、サイズが大きくなり、再生が開始されます。

jQueryまたは別の方法でこれを行う際の助けをいただければ幸いです。

Answer 1

Facebook は最初からフレームを表示しません。「再生」ボタンが上にある画像を表示します。

（縮小）プラス

等しい

この画像をクリックすると、画像 (および周囲のマークアップ) が に置き換えられiframeます。

画像は Flash プレーヤーよりも高速に読み込まれるため、このようなサムネイルが多数あるページでも高速に読み込むことができます。

[編集] これは実際の例です。