2010-02-25 139 views
4

我嵌入YouTube视频到我的网页上像这样的东西播放YouTube嵌入式视频连续一个页

<object width="425" height="344"> 
    <param name="movie" value="http://www.youtube.com/v/RU-bMtPz1cY"></param> 
    <param name="allowFullScreen" value="false"></param> 
    <param name="allowscriptaccess" value="always"></param> 
    <embed src="http://www.youtube.com/v/RU-bMtPz1cY" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed> 
</object> 

如果非要说在同一个网页3个YouTube视频,我想知道是否有可能在(可能使用YouTube的API?)连续播放每个视频?也就是说,第一个视频开始自动播放。当该视频结束后,网页上的第二个视频将播放,然后是第三个视频?谢谢你的时间。

参考: http://code.google.com/apis/youtube/js_api_reference.html

回答

5

http://code.google.com/apis/youtube/js_api_reference.html#Events

你要听onStateChange事件。请注意,当传递的值为0时,视频结束。聆听该事件/值以开始下一个视频。

只是你可能想要做一个基本轮廓:

  1. 添加结束监听视频
  2. 播放视频
  3. 当最终触发的事件(和抓),进入下一个视频和重复从步骤1
1

你将要创建一个包含要播放的视频的播放列表,然后是嵌入到你的网站。直接指示可以找到here

+0

有没有办法做到这一点没有播放列表?视频在页面上呈现动态。我一直在寻找某种类型的JavaScript事件来播放视频并检测一个结束时 – axsuul 2010-02-25 19:04:59

3

你可以使用jQuery插件 - 在jQuery YouTube TubePlayer Plugin

只要你有正确的标记,(在这个例子 - 在当前播放的视频这就是一个“活跃”类),你基本上可以设置一些像..

jQuery("#player-container").tubeplayer({ 
    onPlayerEnded:function(){ 
     var $vid = jQuery(".active").next(); 
     if($vid.length){ 
      jQuery('#player-container').tubeplayer('play',vid.attr("vid"); 
      $vid.siblings().andSelf().removeClass("active"); 
      $vid.addClass("active"); 
     } 
    } 
}); 
+0

NirvanaTikku:我试图在这里实现您的答案:http://jsfiddle.net/7VVpS/4/我做错了什么? – Keyslinger 2011-11-11 20:24:12

相关问题