Fatal编程技术网
  • javascript/
  • Javascript 检索特定播放列表缩略图时，无法获取视频的视图和描述

Javascript 检索特定播放列表缩略图时，无法获取视频的视图和描述

javascript jquery json api youtube

Javascript 检索特定播放列表缩略图时，无法获取视频的视图和描述,javascript,jquery,json,api,youtube,Javascript,Jquery,Json,Api,Youtube,我试图检索一个特定的播放列表缩略图的用户，但在这里我卡住了-它没有得到的意见和描述的视频。我想只允许在我的网站视频 <!DOCTYPE html> <html> <head> <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script> <script type='text/javascript'>//<![

我试图检索一个特定的播放列表缩略图的用户，但在这里我卡住了-它没有得到的意见和描述的视频。我想只允许在我的网站视频

<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>

<script type='text/javascript'>//<![CDATA[ 


   $(window).load(function() {
   function LoadVids(startindex) {
     if (typeof startindex === "undefined" || startindex === null) startindex = 1;
     var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/PL3B8939169E1256C0?orderby=published&v=2&alt=json&&start-index=' + startindex;
     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 += ' < img alt = "'+ feedTitle+'"
         src = "'+ thumb +'"
         ' + ' - ' + vidtitle + '
         ';
       });
       $(list_data).appendTo(".cont");
     });
   }

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

</head>
<body>   
</body>
</html>
你的ajax看起来还不错。但是我在你的代码中找不到任何播放函数。为此，我建议您jquery.tubeplayer：

小例子：

 playVideo: function (events) {
        var self = this;
        var that = $(events.currentTarget);
        var videoId = that.parents('.videopreview').find('.youtubeimage').attr('data-link');
        that.parents('.videopreview').find('.youtubeimage').hide();
        that.parents('.videopreview').find('.playicon').css({
            "z-index": -20,
        });

        that.parents('.videopreview').find('.playvideo').tubeplayer({
            width: 279, // the width of the player
            height: 200, // the height of the player
            allowFullScreen: "true", // true by default, allow user to go full screen
            initialVideo: videoId, // the video that is loaded into the player
            autoPlay: true,
            preferredQuality: "default", // preferred quality: default, small, medium, large, hd720                  
        });
    },
其中数据链接是youtube视频id：

在脚本中：

$.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 description=item.media$group.media$description.$t;
var views=item.yt$statistics.viewCount;
var thumb = "http://img.youtube.com/vi/"+ videoID +"/default.jpg";
list_data += '
<img alt="'+ feedTitle+'" src="'+ thumb +'"' + ' - ' + vidtitle + '
';
});
$(list_data).appendTo(".cont"); 
});
嗨，欢迎来到stackoverflow！阅读此Hii Fabian，一切正常，但我看不到播放列表中视频的视图和描述OK。我输入了URL，可以看到json中的描述。所以我认为你的问题是，json文件很混乱。我建议您使用用于chrome的工具JSONView。然后您对json有了一个很好的概述，并且可以检索描述。如果这不能解决您的问题，请重新编写。描述：item.media$group.media$Description视图：item.yt$statistics.viewCountNo它不起作用，先生，请问您在脚本中插入字符串的位置请忘了说明的.t。我编辑了我的答案——希望这能奏效。