0

jQueryを使用してYouTubeプレイリストからすべてのビデオを取得し、何らかのページネーションまたはおそらく次/前のリンクで表示しようとしています。

ここで見つけたコードに基づいて、ビデオの最初のグループを取得する方法を見つけました。ここで jsFiddleで動作しているのを見ることができます

    function LoadVids(startindex){
    if (typeof startindex === "undefined" || startindex===null) startindex = 1;
    var maxresults = 25;    

    var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/PL3B8939169E1256C0?orderby=published&v=2&alt=json&&start-index=' + startindex + '&max-results=' + maxresults;  
    var videoURL= 'http://www.youtube.com/watch?v=';
    $.getJSON(playListURL, function(data) {
        var list_data="";
        $.each(data.feed.entry, function(i, item) {
            var feedTitle = item.title.$t;
            var feedURL = item.link[1].href;
            var fragments = feedURL.split("/");
            var videoID = fragments[fragments.length - 2];
            var vid = item.media$group.yt$videoid.$t;
            var url = videoURL + videoID;
            var vidtitle = item.title.$t;
            var thumb = "http://img.youtube.com/vi/"+ videoID +"/default.jpg";
            list_data += '<li><a href="'+ url +'" title="'+ feedTitle +'"><img alt="'+ feedTitle+'" src="'+ thumb +'"</a>' + ' - ' + vidtitle + '</li>';
        });
        $(list_data).appendTo(".cont"); 
    });
    }


    //
    $( document ).ready(function() {
     LoadVids(1); // call on load more click
    });

その後、私は立ち往生しています。フィードから次のリンクと前のリンクを取得できることはわかっています。また、最大数のビデオを取得して、それを使用してページネーションを生成することもできますが、どうすればよいかわかりません。私はこの例を見つけました.phpを使って似たようなことをしています; 可能であれば、Jqueryでこれを行いたいと思います。私はjQueryとJsonにかなり慣れていないため、ここからどこに行くべきかわからないのでしょう。

4

0 に答える 0