4

我正在使用类似这样的方式将 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

4

3 回答 3

5

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

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

只是您可能想要做的基本概述：

  1. 为视频添加最终侦听器
  2. 播放视频
  3. 当结束事件触发（并捕获）时，转到下一个视频并从步骤 1 重复。
于 2010-02-25T22:03:47.820 回答
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");
        }
    }
});
于 2010-07-26T00:14:57.720 回答
1

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

于 2010-02-25T18:10:37.480 回答