0

我在网上找到了这段代码，它将显示来自 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，只是为了更清楚地显示代码。

4

1 回答 1

1

您需要使用 为第二个元素重复第二个 getJSON videoList[1].id，并将其插入到其他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>"
        });
    });
});
于 2013-10-24T00:10:27.627 回答