Javascript 在网站上嵌入最新的YouTube视频？

我目前正在学习网络开发，我和一个在YouTube上相当大的人是朋友，所以我提议免费为他创建一个网站，以便在我学习的同时建立我的投资组合。我希望能够嵌入他的8个最新视频，但不知道如何做到这一点

我在SO上找到了下面的代码，但它是针对YouTube数据API V2的，因此不再有效。我似乎找不到类似的方法来使用APIV3。干杯

奥利

YouTube最近上传的东西
功能显示视频（响应）{
if（response.data&&response.data.items）{
var items=response.data.items；
如果（项目长度>0）{
var项目=项目[0]；
var videoid=”http://www.youtube.com/embed/“+项目id；
log（“最新ID:“+videoid+””）；
var video=“”；
$（'静态视频'）.html（视频）；
}
}
}

如果您进行一些调整，您的代码工作正常

首先，要获取最后8个视频，您需要在“查询url”中包含该数字作为

max results

：

                                                                 here
                                                                   ▼
https://gdata.youtube.com/feeds/api/users/VEVO/uploads?max-results=8&orderby=published&v=2&alt=jsonc&callback=showVideo

然后，要显示每个视频，而不是一个

if

语句，您需要有一个循环（

for

循环在这里），并且要

.append（）

每个视频，而不是每次都用

.html（）

替换整个内容：

功能显示视频（响应）{
if（response.data&&response.data.items）{
var items=response.data.items；
//我所说的循环
对于（var i=0，l=items.length；i这将嵌入您的“上载”播放列表。如果您希望播放最新的视频，只需转到您的频道并按最新的对上载进行排序。代码如下：

<iframe src="https://www.youtube.com/embed/videoseries?list=UUB8OUG89o0QWqmJ2lfzdyIg" seamless allowfullscreen></iframe>

所有Youtube播放列表都有id，您只需找到它们。您也可以通过使用“全部播放”播放完整的播放列表来查找播放列表id按钮。这将在Youtube上播放整个播放列表，您可以将id从页面url中复制出来。
谢谢。我正在尝试将每个视频添加到单独的div中，id为“#static_video_0”，“#static_video_1”等。我添加了
var divid=”#static_video_'+项；
，并将id更改为
$（divid）
。这是我能想到的唯一方法，但它不起作用。还有其他方法吗？对不起，我太蠢了。应该是
”\static\u video+I；
@Perceptic your get:）编辑：如果你有单独的容器，你可以使用
.html（）
，因为你不会覆盖任何现有的iframe。但是
.append（）
也可以正常工作。
function showVideo(response) {
    if(response.data && response.data.items) {
        var items = response.data.items;
        // the loop i'm talking about
        for(var i=0, l=items.length; i<l; i++){
            var item = items[i];
            var videoid = "http://www.youtube.com/embed/"+item.id;
            console.log("Latest ID: '"+videoid+"'");
            var video = "<iframe width='420' height='315' src='"+videoid+"' frameborder='0' allowfullscreen></iframe>";
            // here, add the video to the container
            $('#static_video').append(video);
        }
    }
}

<iframe src="https://www.youtube.com/embed/videoseries?list=UUB8OUG89o0QWqmJ2lfzdyIg" seamless allowfullscreen></iframe>

UCB8OUG89o0QWqmJ2lfzdyIg // channel id
UUB8OUG89o0QWqmJ2lfzdyIg // uploads playlist id