複数のYouTube動画をページを変えず、そのエリアで切り替えて再生してみる

DVDのチャプターメニューのように選んで再生させることはできないか?
という要望があり、YouTubeの埋め込みタグってば、iframeだしJavaScriptで切り替えればできそうかな・・・と
ぼんやりと考え、まずはざっくりとこんな感じにしてみた。


できることはできたのだが、これだとボタンを押してiframe内に動画が切り替わるだけで、再生されない。そうするとボタンを押してさらに再生ボタンを押してとユーザーに2回押させることになってしまう。

これでは、ダメだー!切り替わって再生させなきゃいけないわけです。
YouTube JavaScript Player APIでいろいろ制御できるということがわかってるんだけど、いまいちよくわかんないw

というわけで、コチラのサイトが参考になったので、コチラの方法にしました。

で、出来上がったのがコレ↓デザイン&コーディングで1日作業
http://www.century.co.jp/athome_movie.html

あぁ、jQueryってステキング
もっと、ちゃんと勉強しまふ(=゚ω゚)ノ

この記事をシェアする