Jquery YouTube播放列表分页
我正在尝试使用jQuery从YouTube播放列表中提取所有视频,并使用某种分页或下一个/上一个链接来显示它们 根据我在这里找到的代码,我找到了如何提取第一组视频的方法。你可以看到它在工作Jquery YouTube播放列表分页,jquery,json,youtube,Jquery,Json,Youtube,我正在尝试使用jQuery从YouTube播放列表中提取所有视频,并使用某种分页或下一个/上一个链接来显示它们 根据我在这里找到的代码,我找到了如何提取第一组视频的方法。你可以看到它在工作 函数加载视频(startindex){ 如果(typeof startindex==“未定义”| | startindex===null)startindex=1; var maxresults=25; var playlayurl='1〕http://gdata.youtube.com/feeds/api/
函数加载视频(startindex){
如果(typeof startindex==“未定义”| | startindex===null)startindex=1;
var maxresults=25;
var playlayurl='1〕http://gdata.youtube.com/feeds/api/playlists/PL3B8939169E1256C0?orderby=published&v=2&alt=json&&start-索引='+startindex+'&max结果='+maxresults;
var videoURL=http://www.youtube.com/watch?v=';
$.getJSON(播放列表URL、函数(数据){
var列表_数据=”;
$。每个(data.feed.entry,函数(i,项){
var feedTitle=项目名称$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=项目名称$t;
变量thumb=”http://img.youtube.com/vi/“+videoID+”/default.jpg”;
list_data+=',它使用php做类似的事情;但如果可能的话,我想用Jquery做这件事。我对Jquery和Json比较陌生,这可能就是为什么我不确定从这里开始做什么的原因。你在使用v1 YouTube API吗?因为它现在已经升级到版本3了。我相信这将是针对v2的,我刚刚开始学习v3,这在v3中会更容易吗?
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
});