如何修改它以显示 2 个视频？

Question

我在网上找到了这段代码，它将显示来自 Vimeo 帐户的最新视频...

$(function() {
    $.getJSON('http://vimeo.com/api/v2/VIMEO-ACCOUNT-NAME/videos.json?callback=?',     {format: "json"}, function(videoList) {
        $.getJSON('http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/' + videoList[0].id + '&byline=false&portrait=false&callback=?', {format: "json"}, 
        function(videoProperties) {
            document.getElementById("vimeoRecent").innerHTML=videoProperties.html
            document.getElementById("vimeoDescription").innerHTML="<p><a href='" + videoList[0].url + "'>" + videoProperties.title + "</a> from <a href='" + videoProperties.author_url + "'>" + videoProperties.author_name + "</a> on <a href='http://vimeo.com'>Vimeo</a>.</p><p>" + videoProperties.description + "</p>"
        });
    });
});

我正试图弄清楚如何让它显示 2 个最近的视频，而不是一个。我试图将另一个项目添加到数组中，例如[0,1]，但这只是破坏了脚本。

谁能建议我如何让这个脚本显示 2 个视频？谢谢！

这是一个不起作用的jsfiddle，只是为了更清楚地显示代码。

Answer 1

您需要使用videoList[1].id 为第二个元素重复第二个getJSON，并将其插入到其他divs 中

$(function() {
    $.getJSON('http://vimeo.com/api/v2/VIMEO-ACCOUNT-NAME/videos.json?callback=?',     {format: "json"}, function(videoList) {
        $.getJSON('http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/' + videoList[0].id + '&byline=false&portrait=false&callback=?', {format: "json"}, 
        function(videoProperties) {
            document.getElementById("vimeoRecent").innerHTML=videoProperties.html
            document.getElementById("vimeoDescription").innerHTML="<p><a href='" + videoList[0].url + "'>" + videoProperties.title + "</a> from <a href='" + videoProperties.author_url + "'>" + videoProperties.author_name + "</a> on <a href='http://vimeo.com'>Vimeo</a>.</p><p>" + videoProperties.description + "</p>"
        });

//get second video (insert into another div)

        $.getJSON('http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/' + videoList[1].id + '&byline=false&portrait=false&callback=?', {format: "json"}, 
        function(videoProperties) {
            document.getElementById("vimeoRecent2").innerHTML=videoProperties.html
            document.getElementById("vimeoDescription2").innerHTML="<p><a href='" + videoList[1].url + "'>" + videoProperties.title + "</a> from <a href='" + videoProperties.author_url + "'>" + videoProperties.author_name + "</a> on <a href='http://vimeo.com'>Vimeo</a>.</p><p>" + videoProperties.description + "</p>"
        });
    });
});