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，并将其插入其他div s

$(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>"
        });
    });
});

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

1 个答案: