javascript - 示例 YouTube 播放列表代码？

Question

我想创建一个播放列表来加载特定用户上传的所有视频。

有人建议我使用以下代码(假设要拉入的帐户是 YouTube):

loadPlaylist( { listType: 'user_uploads', list: 'youtube' } );

我也查看了 API 页面:http://code.google.com/apis/youtube/js_api_reference.html

但我找不到使用加载播放列表的实际示例代码。作为 YouTube API 的新手，我不知道需要哪种类型的包装器代码才能完成上述工作。像这样的东西(当然我遗漏了部分):

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>    
<script type="text/javascript">
loadPlaylist( { listType: 'user_uploads', list: 'youtube' } );
</script>

或者，如果有人可以提供带有原始 loadplaylist 行的工作示例，那就太好了，我可以从那里自己处理我需要的其他细节。

-YouTube API 新手

Answer 1

首先，我建议您使用 IFRAME 嵌入样式，因为它适用于桌面和移动设备(iOS、Android、BB、Windows，非常好)。示例代码位于 Youtube IFRAME embed .这包含供您入门的 html 代码。

让我们进入你的问题。

1 假设您将 youtube 播放器设为

player = new YT.Player('player', {
      height: '390',
      width: '640',
        videoId: 'u1zgFlCw8Aw',
      events: {
        'onReady': onPlayerReady
      }
});

不关心 videoId。只需插入任何有效的 YouTube 视频 ID。

注意我们注册了'onReady': onPlayerReady

2 使用onPlayerReady将您的播放列表加载到播放器中

function onPlayerReady(event) { 
    event.target.loadPlaylist({list: "UUPW9TMt0le6orPKdDwLR93w", index: 1, startSeconds: 10,suggestedQuality: "small"});
}

您可以在 Youtube JSAPI reference 上阅读更多内容希望这对你有用。 ^^.

---

更新

您还可以在 playerVars 对象中指定播放列表。

function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
        videoId: 'u1zgFlCw8Aw',
        playerVars: {
          listType:'playlist',
          list: 'UUPW9TMt0le6orPKdDwLR93w'
        },
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
      }