2013-10-23 66 views
0

我发现这个代码在网上将显示来自Vimeo的帐户最近的视频......如何修改显示2个视频?

$(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只是为了更清楚地显示代码。

回答

1

您需要重复第二的getJSON使用videoList[1].id第二个元素,并将其插入到其他div小号

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

感谢Izzey,但似乎并没有工作...只是返回一个空白屏幕 – danzo

+0

忘记更改一个索引。它现在工作吗? – orhanhenrik

+0

这里是一个工作小提琴:http://jsfiddle.net/KUFLN/ – orhanhenrik