こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

現在制作しているサイトで、複数のYoutube動画

現在制作しているサイトで、複数のYoutube動画をページに読み込んでいます。
1ページに10動画ほどです。
外部テキストファイルを準備して、そのなかに表示させたいYoutubeの埋め込みコード(iframe)を記述しAjaxでページに読み込んでいます。
このテキストファイルだけを更新すれば、ページに反映されるようにして、管理しやすくしたかったためです。
動画一つにつきサムネイルを準備してリスト化し、そのサムネイルをクリックすると、ライトボックス風にYoutubeの動画を表示し、再生を押すと動画が始まります。
その際、次の動画を見ようと思った時、いちいちライトボックスを閉じてまた次のサムネイルをクリックしなければいけないので、ライトボックス上に、次へと前へボタンをつけました。
これをクリックすると、次の動画や前の動画を表示させることはできたのですが、一度動画を再生させてから次の動画を押すと、表示は次の動画に変わるのですが、当然一度再生した動画は再生されたままになります。
見た目上は次の動画に行っても、音声はずっと再生されたままになってしまいます。
これを回避するため、次へや前へボタンを押した時に動画をストップさせる処理を追加したいのですが、iframeで読み込んだYoutubeを自作のボタンから停止させる方法がわかりません。
再生などは必要なく停止だけできれば問題ないと思っています。
色々調べたら、どうやらYouTube JavaScript APIというのを使って、Javascriptで動画を制御できるみたいなのですが、イマイチやり方がわかりませんでした。
そもそも、このAPIでできるのか、できるならやり方はどうやるのかを教えていただけませんでしょうか?
わかりやすく説明されているリンクなどでも構いませんので、どなたかご教示いただけませんか?

投稿日時 - 2013-04-03 10:57:17

QNo.8024882

困ってます

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

このサイトは参考になりませんかね?
http://www.skyward-design.net/blog/archives/000109.html

投稿日時 - 2013-04-03 13:02:09

あなたにオススメの質問