実装あるある・YOUTUBEのサムネイルをオリジナル画像にしたい。

同じようなマークアップを何度かしたことがあります。youtubeのオリジナルサムネイル機能を使うとかそういう話ではなくて、iframeの上に画像を乗せてクリックしたら動画が始まるってやつを作ります。とってもシンプルなのでyoutubeのAPIを使ってとかではないですよ。

だけど正確にいうと
画像がある→クリックする→画像を消してyoutubeをHTMLに書き出す→と、同時に再生する

という流れになります。IE9でも動きました。

一つのページに何個もyoutubeを埋め込むパターンで書いています。読み込みたいyoutubeのurlはみなさんの環境で適宜変えてくださいね。
これで動かなかったら最初の

と最後の

を消してみてください。

サンプルはこちら

youtubeのAPIを使ったもっと難しいやつはこちらの記事が参考になります。
http://www.tam-tam.co.jp/tipsnote/javascript/post6217.html

ほなね