Javascript 在一个页面上连续播放YouTube嵌入的视频

Javascript 在一个页面上连续播放YouTube嵌入的视频,javascript,jquery,youtube,youtube-api,Javascript,Jquery,Youtube,Youtube Api,我正在将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="allowscri

我正在将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?)连续播放每个视频?也就是说,第一个视频开始自动播放。当该视频结束时,将播放网页上的第二个视频,然后播放第三个视频?谢谢你抽出时间

参考:

您需要创建一个包含要播放的视频的播放列表,然后将其嵌入到您的网站中。可以找到直接的说明。

请参阅

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

只是一个你可能想做的基本概述:

  • 为视频添加终端侦听器
  • 播放视频
  • 触发(并捕获)结束事件后,转到下一个视频并从步骤1重复

  • 您可以使用jQuery插件

    如果您有正确的标记(在本例中是当前正在播放的视频上的“活动”类),您基本上可以设置如下内容:

    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");
            }
        }
    });
    

    在没有播放列表的情况下,有没有办法做到这一点?视频在页面上是动态的。相反,我在寻找某种类型的javascript事件来播放视频,并在视频结束时进行检测。Snirvanatikku:我试图在这里实现您的答案:我做错了什么?