YouTube 播放列表代码示例?

cch*_*era 2 javascript youtube youtube-api

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

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

loadPlaylist( { listType: 'user_uploads', list: 'youtube' } );
Run Code Online (Sandbox Code Playgroud)

我也查看了 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>
Run Code Online (Sandbox Code Playgroud)

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

-YouTube API 新手

Isa*_*kul 5

首先,我建议您使用 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
      }
});
Run Code Online (Sandbox Code Playgroud)

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

注意我们注册了“onReady”:onPlayerReady

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

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

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


更新

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

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