2013-10-23 69 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