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

1つではなく2つの最新のビデオを表示する方法を見つけようとしています。[0,1] などの別の項目を配列に追加しようとしましたが、スクリプトが壊れてしまいます。

このスクリプトで 2 つのビデオを表示する方法を誰か提案できますか? ありがとう！

コードをより明確に示すために、機能しないjsfiddleを次に示します。

4

1 に答える 1

1

を使用して 2 番目の要素に対して 2 番目の getJSON を繰り返し、それを他の svideoList[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>"
        });
    });
});
于 2013-10-24T00:10:27.627 に答える