如何从YouTube播放列表中获取视频标题和缩略图

时间:2018-03-22 19:30:04

标签: api youtube playlist

我正在尝试从YouTube播放列表中获取缩略图,标题和说明。所以,我能够获得缩略图,但不知道如何获得标题和描述。这是我的代码:

HTML:

<ul id="thumbnail"> </ul>

的script.js:

            var maxVideos = 5;
              $(document).ready(function(){
              $.get(
                "https://www.googleapis.com/youtube/v3/playlistItems",{
                  part: 'contentDetails,snippet',
                  playlistId:'PLJYHm_ZxWCKnQmapkDs7x47jkr-nw3l50',
                  kind: 'youtube#videoListResponse',
                  maxResults: maxVideos,
                  regionCode: 'IN',
                  key: 'AIzaSyDI4rWo_wVAxRZEIgF6_8sRZDj8OCOZZ38'},
                  function(data){
                    var output;
                    $.each(data.items, function(i, item){
                      console.log(item);
                            thumb = item.snippet.thumbnails.high.url;
                      output = '<div id="img"><img src="' + thumb + '"></div>';
                      $('#thumbnail').append(output);
                    })

                  }
                );
            });

以下是我得到的结果:

enter image description here

1 个答案:

答案 0 :(得分:1)

使用

thumb = item.snippet.thumbnails.high.url;

只需在代码段

后进行一些更改

作为

title= item.snippet.title;
description= item.snippet.description;

我希望它对你有所帮助。

您还可以查看YouTube API explorer了解更多详情