我想嵌入youtube视频,还要显示图库/播放列表

时间:2017-09-08 18:32:29

标签: javascript web youtube youtube-api youtube-iframe-api

我想在图库中显示来自youtube频道的所有视频。我正在使用<iframe>,但它只显示一个视频。如何显示我们频道中的所有视频?

<div>
<iframe src="https://www.youtube.com/embed/Wyq6YeoM2ZA?ecver=2" width="640" height="360" frameborder="5" style="position:absolute;width:70%;height:60%;left:15%" allowfullscreen playlist></iframe>
</div>

2 个答案:

答案 0 :(得分:1)

您可以在Youtube API中观看。它在几个编程语言中得到了很好的记录。这是javascript中的一个片段:

// Sample js code for playlists.list

// See full sample for buildApiRequest() code, which is not 
// specific to a particular youtube or youtube method.

buildApiRequest('GET',
                '/youtube/v3/playlists',
                {'channelId': 'UC_x5XG1OV2P6uZZ5FSM9Ttw',
                 'maxResults': '25',
                 'part': 'snippet,contentDetails'});

更多关于https://developers.google.com/youtube/v3/docs/playlists/list

答案 1 :(得分:0)

此HTML将嵌入一个能够显示所有视频的播放器。将YOURCHANNELNAME替换为您的频道名称。

<iframe src="http://www.youtube.com/embed/?listType=user_uploads&list=YOURCHANNELNAME" width="480" height="400"></iframe>