Как получить список воспроизведения YouTube, используя JavaScript API и JSON - PullRequest
Новая
       14

Как получить список воспроизведения YouTube, используя JavaScript API и JSON

11 голосов
/ 03 июля 2011

Это часть моего проекта на YouTube.Я пытаюсь извлечь информацию о видео из формата JSON, но у меня есть проблема в этой строке: 

var videoId = data.feed.entry[i].link[1].href;

Когда я делаю это в одной строке, не в цикле, все в порядке, но в цикле для или во время ошибки. 

//get youtube ID

function extract(url){
    pos1=url.indexOf("videos/");
    pos2=url.substr(42,11);
    return pos2;
}

//My playlist LINK
var url2="http://gdata.youtube.com/feeds/api/playlists/B2A4E1367126848D?v=2&alt=json";
function playlistinfo(url1) {
    $.ajax({
        url: url1,
        dataType: "jsonp",
        success: function (data) { parseresults(data); }
    });
}

//whit this get playlist data
function parseresults(data) {

    //return playlist clip number
    var klipove= data.feed.openSearch$totalResults.$t;
    //put clips in  <li>

    for(i=0;i<=klipove-1;i++) {
        var videoId = data.feed.entry[i].link[1].href;
        //get video id  ID
        var id= extract(videoId);
        thumb = data.feed.entry[i].media$group.media$thumbnail[0].url;
        $('<li><img src="'+thumb+'" alt="'+id+'" class="thumb"/></li>').appendTo('.cont');
    }
}

Ответы [ 3 ]

39 голосов
/ 03 июля 2011

ИМХО, ваш код может быть значительно сокращен, если вы используете $.getJSON, $.each
Попробуйте это. 

var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/B2A4E1367126848D?v=2&alt=json&callback=?';
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 url = videoURL + videoID;
        var thumb = "http://img.youtube.com/vi/"+ videoID +"/default.jpg";
        if (videoID !='videos') {
list_data += '<li><a href="'+ url +'" title="'+ feedTitle +'"><img alt="'+ feedTitle+'" src="'+ thumb +'"</a></li>';
}
    });
    $(list_data).appendTo(".cont");
});

Демо: Fiddle для предоставленного вами плейлиста

P.S .: Имейте в виду, что миниатюру для видео на YouTube можно найти на 

http://img.youtube.com/vi/{video-id}/default.jpg

( Подробнее здесь )

0 голосов
/ 18 июня 2014

Упростил решение и избавился от вещей, связанных с манипулированием строками. 

var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/B2A4E1367126848D?v=2&alt=json&callback=?';
var videoURL= 'http://www.youtube.com/watch?v=';

var vids = new Array();

$.getJSON(playListURL, function(data) {
    $.each(data.feed.entry, function(i, item) {
        vids.push( item["media$group"]["yt$videoid"]["$t"] );
    });

    console.log( vids );
});
0 голосов
/ 27 сентября 2012

Я обнаружил, что эти строки: 

var feedURL = item.link[1].href;
var fragments = feedURL.split("/");
var videoID = fragments[fragments.length - 2];

ожидает, что item.link [1] .href будет в следующем формате: 

http://gdata.youtube.com/feeds/api/videos/NAs5it-xjnQ/responses?v=2

Однако, это не обязательно работает, так как иногда item.link [1] дает URL-адрес, такой как 

http://www.youtube.com/watch?v=Vcp7xz6dfWE&feature=youtube_gdata

Фрагменты [fragments.length - 2] в конечном итоге станут "www.youtube.com" вместо идентификатора видео.

Я изменил его, чтобы получить ссылку из item.content.src, который всегда имеет фиксированный формат в URL, например 

http://www.youtube.com/v/NAs5it-xjnQ?version=3&f=playlists&app=youtube_gdata

Итак, последний фрагмент кода выглядит примерно так: 

var tmp = item.content.src.split("/").reverse()[0];
var videoID = tmp.substring(0, tmp.indexOf("?"));

, который до сих пор меня не подводил.

Надеюсь, это поможет тем, кто застрял или имеет проблемы с получением идентификатора видео.

Привет
CK

...