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

时间:2010-02-25 18:07:49

标签: 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="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

3 个答案:

答案 0 :(得分:5)

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

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

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

  1. 为视频添加结束侦听器
  2. 播放视频
  3. 当结束事件被触发(并被捕获)时,请转到下一个视频并从步骤1开始重复。

答案 1 :(得分:3)

答案 2 :(得分:1)

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