Question

我正在尝试使用此JavaScript API为今年1月推出的iframe嵌入播放youtube播放列表。 http://apiblog.youtube.com/2011/01/introducing-javascript-player-api-for.html

请注意下方的iframe代码和带有“/ p”的链接以表示其播放列表。

<iframe src="http://www.youtube.com/embed/p/ID" width="100%" height="500" frameborder="0"></iframe>

然而，即使在http://code.google.com/apis/youtube/iframe_api_reference.html的文档中，我也无法找到如何使用onYouTubePlayerAPIReady()来播放播放列表。

Answer 1

由于此处未提供使用播放列表ID的播放列表的正确答案（即不对视频列表进行硬编码），如果您仍希望使用Javascript Youtube IFrame API，则可以使用此方法。如果播放列表ID在playerVars中指定，则可以省略videoID，如下所示：

function onYouTubePlayerAPIReady() 
{
        player = new YT.Player('player', 
        {
          height: '390',
          width: '640',
          playerVars: 
          {
            listType:'playlist',
            list: '<YOURPLAYLISTID>'
          }
        });
}

希望能帮助谁找到它（就像我一样）。

Answer 2

我找到了答案。

只需将'播放列表'添加到您的playerVars和播放列表String | Array。

playerVars：{'autoplay'：0，'controls'：1， '播放列表'：['your_video_id'，'...'] }，

如同以下示例所示：

var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
  height: '390',
  width: '640',
  videoId: 'your_video_id',
  playerVars: { 'autoplay': 0, 'controls': 1, 'playlist':['your_video_id', '...']},
  events: {
    'onReady': onPlayerReady,
    'onStateChange': onPlayerStateChange
  }
});
}

Answer 3

讨论了一个不需要YouTube IFrame（JavaScript）API的简单解决方案 Embed YouTube Videos, Playlists and More with IFrame Embeds。您可以从YouTube上的某个视频中复制视频嵌入代码（iframe版本）并进行调整，如下所示：

<iframe
    width="560"
    height="315"
    src="http://www.youtube.com/embed?listType=playlist&list=PASTE_YOUTUBE_PLAYLIST_ID&autoplay=1"
    frameborder="0"
    allowfullscreen
></iframe>

请注意，没有视频ID ...而是listType和list参数指示播放器加载播放列表。根据您的特殊要求，添加autoplay=1以确保视频自动播放而无需JavaScript代码。

如何使用YouTube JavaScript API播放播放列表

3 个答案: