Javascript 在一个页面上连续播放YouTube嵌入的视频
我正在将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
<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
时,视频结束。收听该事件/值以开始下一个视频
只是一个你可能想做的基本概述:
您可以使用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:我试图在这里实现您的答案:我做错了什么?