• ベストアンサー

youtube連続再生方法

youtube連続再生方法 youtube動画を2つhtml内に表示します。 「1つ目の動画が終わったら、2つ目の動画を再生し、更に2つ目の動画が終了したら、 1つ目の動画を再生する」 ということをしたいのですが、できますでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.4

2つプレーヤーを作って、交互に切り替えを行うパターンもやってみました。 こっちの方がスムーズです。 <body> <div id="ytapiplayer1"></div> <div id="ytapiplayer2"></div> <script type="text/javascript" charset="utf-8"> swfobject.addLoadEvent(function(){ play_url=["http://www.youtube.com/v/IQUtXsIuBAU?f=videos&app=youtube_gdata", "http://www.youtube.com/v/nuJHenDGUa8?f=videos&app=youtube_gdata"]; swfobject.embedSWF(play_url[0]+'&rel=0&autoplay=0&disablekb=1&egm=1'+ '&enablejsapi=1&playerapiid=ytplayer1',"ytapiplayer1", "250", "200", "8", null, null, {allowScriptAccess:"always"},{id:"ytapiplayer1"}); swfobject.embedSWF(play_url[1]+'&rel=0&autoplay=0&disablekb=1&egm=1'+ '&enablejsapi=1&playerapiid=ytplayer2',"ytapiplayer2", "250", "200", "8", null, null, {allowScriptAccess:"always"},{id:"ytapiplayer2"}); }); function onYouTubePlayerReady(playerID){ if( playerID == "ytplayer1" ){ ytplayer1 = document.getElementById("ytapiplayer1"); } if( playerID == "ytplayer2" ){ ytplayer2 = document.getElementById("ytapiplayer2" ); } ytplayer1.addEventListener("onStateChange","on_ytplayer1_StateChange"); ytplayer2.addEventListener("onStateChange","on_ytplayer2_StateChange"); } function on_ytplayer1_StateChange(state){ if (state==5){ ytplayer2.style.visibility = "hidden"; ytplayer1.style.visibility = "visible"; ytplayer1.playVideo(); } if (state==0){ ytplayer2.style.visibility = "visible"; ytplayer1.style.visibility = "hidden"; ytplayer2.playVideo(); } } function on_ytplayer2_StateChange(state){ if (state==0){ ytplayer2.style.visibility = "hidden"; ytplayer1.style.visibility = "visible"; ytplayer1.playVideo(); } } </script> </body>

nikogoo
質問者

補足

yyr446様 ご返答ありがとうございます。 高度なPGありがたいのですが、コピペしたところ、何も表示されないのですが、なぜ?

その他の回答 (3)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.3

永遠に2つの動画を再生し続けるサンプルです。 とりあえず「Google Player APIs(実体はSWFObject2.0)」利用です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script> google.load("swfobject", "2.1"); </script> </head> <body> <div id="contener"> <div id="ytapiplayer"></div> </div> <script type="text/javascript" charset="utf-8"> <!-- swfobject.addLoadEvent(function(){ play_url=["http://www.youtube.com/v/IQUtXsIuBAU?f=videos&app=youtube_gdata", "http://www.youtube.com/v/nuJHenDGUa8?f=videos&app=youtube_gdata"]; creatSWF(); }); function onYouTubePlayerReady(){ var ytplayer = document.getElementById("ytplayer"); ytplayer.addEventListener("onStateChange","on_ytplayer_StateChange"); } function on_ytplayer_StateChange(state){ if (state==0){ swfobject.removeSWF('ytplayer'); var s = play_url.shift(); play_url.push(s); creatSWF(); } } function creatSWF(){ var player = document.getElementById("ytapiplayer"); if(!player){ var div = document.createElement("div"); div.setAttribute("id", "ytapiplayer"); document.getElementById("contener").appendChild(div); } swfobject.embedSWF(play_url[0]+'&rel=0&autoplay=1&disablekb=1&egm=1'+ '&enablejsapi=1&playerapiid=ytplayer',"ytapiplayer", "250", "200", "8", null, null, {allowScriptAccess:"always"},{id:"ytplayer"}); } // --> </script> </body> </html>

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

技術的には、難しくありませんが、2つの動画再生が強制的に繰り返されて、 止める事が出来ないページなんて、アクセスしたくないですね。 めだたない小さな動画なら許されますが....。 エロサイトの釣りでよく見かけるパターンです。

  • think49
  • ベストアンサー率59% (285/482)
回答No.1

どうやら、出来そうですね。 YouTube の API とツール - Google Code http://code.google.com/intl/ja-JP/apis/youtube/overview.html YouTube JavaScript Player API リファレンス - YouTube の API とツール - Google Code http://code.google.com/intl/ja-JP/apis/youtube/js_api_reference.html

関連するQ&A

  • YouTubeで同じ動画を連続再生する方法

    YouTubeをよく見るのですが、同じ動画を連続で再生する方法はあるのでしょうか?動画が終わった後で、再度、同じものを再生することは可能ですが、何も手を加えないで、自動で連続再生する方法をご存知の方、教えてください。 尚、PCとiPhoneで若干、表示も違うように感じます。 両方(もしくは、片方でも構いません。)宜しくお願いいたします。 また、YouTubeの設定などについては、どこかへ電話をかけて聞くことは可能でしょうか?どこがやっているものなのかもわからないので、そちらも宜しくお願いいたします。

  • Youtubeの連続再生

    お気に入りや再生リストにいちいち入れずに、登録チャンネルを連続再生する方法はありませんか? Youtubeの仕様が今月頭に変わってからは最下部の方法での再生ができなくなってしまいました。。 パソコンで作業をしながら、日々更新されるニュースを見たい(聞きたい)と思ってニュースのチャンネルを登録したのですが、 登録チャンネルの連続再生ができません。 可能でしたらその方法を教えてください。 よろしくお願い致します。 ※今までの再生方法(以前の仕様時に回答をいただいたベストアンサーの方の貼り付け) 登録しているユーザーさんのどの動画でもいいのですが 選択して再生して下さい。 これだけではその動画のみ再生しますよね。 その再生している動画のすぐ上に左から アカウント名 +チャンネル登録 ○○本の動画 ってありますよね。 その ○○本の動画 をクリックして下さい。 それでそのユーザーさんのUpしている動画は連続再生します。 画面の下のところにそのユーザーさんの動画を表示しますので。

  • youtube連続再生

    youtubeにて、以前は動画画面の上に表示されるUP主登録画像を押すと以降は 連続で自動再生できてたんですが、出来なくなってしまいました また連続で見たいんですがどうしたらいいのでしょうか?

  • Youtubeの自動連続再生を止めたい!

    Youtubeの動画を再生し終わると「次の動画は○秒後に始まります」と表示されて自動的に次の動画が再生されてしまいます。 自動的な連続再生の止め方を教えてください。

  • Youtubeでの連続再生

    はじめまして Youtubeでの連続再生の方法やそのソフトがあれば教えてください。 細かい短い各動画を連続で見たいと思いました。 WEBで”後で見る”に登録しても一つ一つ再生しなくてはならず、 数分おきにPCの近くに行き、クリック。 大変不便です。出来ればそのまま流せる機能があれば最高です。 以上 良い アプリがあればご指導ください。

  • AmebaでYoutubeを連続再生で聴きたい

    Amebaブログに載せたYoutubeの動画を連続再生で聴きたく自分なりに検索して調べました。 HTMLタグで .comの前に 「repeat」を付けて以下のように試してみましたが http://www.youtuberepeat.com/ http://youtube-repeat.com/ 不正な文字が含まれていますと表示されます。 「無料・有料ソフトダウンロード」など使わず簡単にHTMLタグに文字を入れて連続再生したいのですが何かいい方法はありませんか?

  • YouTubeで連続再生したい

    YouTubeでお気に入りに15曲いれ、再生リストを作っています。 これをすべて連続再生する方法は内のでしょうか。「すべて再生する」をクリックしても、1曲再生したら、それで終わります。なんとか15曲連続再生したいのですが。。よろしくお願いいたします。

  • iPhoneアプリでyoutubeの連続再生をする

    いつもお世話になります。 iPhoneアプリでyoutubeの連続再生をする方法を探しているのですが 見つけられずに困っております。 下記URL(Method 2: Embed the YouTube player in a UIWebViewの方) http://apiblog.youtube.com/2009/02/youtube-apis-iphone-cool-mobile-apps.html を参考に、1つの動画の再生は出来るようになりました。 これを複数の動画を連続で再生させる方法をご存知の方 どなたかご教授頂けませんでしょうか。 よろしくお願い致します。

  • YouTubeが再生できない。

    YouTubeが再生できない。 具体的にはyoutube内のリンク(画面右側にずらっと表示されてるサムネイルをクリック)ではずっと読み込み状態の画面になり動画が再生されません。 それ以外の外部からのリンク(googleで検索して表示されたyoutubeへの動画リンクをクリック)や、youtubuトップの本日の動画、動画再生終了時の動画画面内に表示されるおすすめ動画(?)は再生できます。ブラウザはsleipnirを使用しています。 解決方法を教えていただけるとありがたいです。

  • スマホでYouTubeを連続再生する方法は?

    スマホで、気に入ったYouTubeの音楽をマイアルバムみたいにして、リピート再生や連続再生する方法はありますか? YouTubeにはまだ余り詳しくないので、分かりやすく教えて頂ければ助かります。

専門家に質問してみよう