部分内容的相关video详细信息和统计数据 – Youtube API V3

我在将相关video检索为特定video的缩略图时遇到问题。 在我的代码中，我正确设置了search->list ，并返回相关video的不同标题和缩略图URL。 但是，由于search->list没有参数contentDetails或statistics ，我在这里找到了与我完全相同的问题相关的另一个问题并使用了二次调用来获取videos->list因为它支持这些参数以便能够检索持续时间并查看计数。 但问题是两个值（ vidDuration和viewCount ）都没有传递任何东西，并且标记为未定义，因为项目通过它并停止。 如何根据search->list的项目生成项目的duration和viewCount值？

的script.js：

 function relatedVids(videoId) { debugger; $.get( // get related videos related to videoId - relatedToVideoId "https://www.googleapis.com/youtube/v3/search", { part: 'snippet', maxResults: vidResults, relatedToVideoId: videoId, // $.cookie("id"); from https://stackoverflow.com/questions/36314874/related-videos-with-part-contentdetails-and-statistics-youtube-api-v3/single-video.html type: 'video', key: 'XXXXXXXXX' }, function(data) { $.each(data.items, function(i, item) { console.log(item); var vidTitle = item.snippet.title; // video title //var videoId = item.snippet.resourceId.videoId; // video id //var vidDuration = item.contentDetails.duration; //var viewCount = item.statistics.viewCount; var vidThumbUrl = item.snippet.thumbnails.default.url; // video thumbnail url var extractVideoId = null; // var to extract video id string from vidThumbUrl // check if vidThumbUrl is not null, empty string, or undefined if(vidThumbUrl) { //console.log("vidThumbUrl: ", vidThumbUrl); var split = vidThumbUrl.split("/"); // split string when '/' seen extractVideoId = split[4]; // retrieve the fourth index on the fourth '/' //console.log("extractVideoId: ", extractVideoId); // YE7VzlLtp-4 //console.log("split array: ", split); } else console.error("vidThumbUrl is either undefined or null or empty string."); // if video title is longer than 25 characters, insert the three-dotted ellipse if(vidTitle.length > 25) { var strNewVidTitle = vidTitle.substr(0, 25) + "..."; vidTitle = strNewVidTitle; } // search->list only takes snippet, so to get duration and view count; have to call this function that has the recognized param structure $.get( "https://www.googleapis.com/youtube/v3/videos", { part: 'contentDetails, statistics', id: extractVideoId, //item.snippet.resourceId.videoId, key: 'XXXXXXXXX', }, // return search->list item's duration and view count function(item) { vidDuration = item.contentDetails.duration; // pass item's duration return vidDuration; }, function(item) { viewCount = item.statistics.viewCount; // pass item's view count return viewCount; } ); try { var vidThumbnail = '
' + vidTitle + '
' + convert_time(vidDuration) + ' / Views: ' + viewCount + '
'; // print results $('.thumb-related').append(vidThumbnail); } catch(err) { console.error(err.message); // log error but continue operation } } ); } ); } 

https://stackoverflow.com/questions/36314874/related-videos-with-part-contentdetails-and-statistics-youtube-api-v3/single-video.html脚本：

 $(document).ready(function() { var videoId; $(function() { if($.cookie("title") != null && $.cookie("id") != null) { var data = '
' + $.cookie("title") + '
' + $.cookie("desc") + '
Length: ' + $.cookie("dur") + '
View Count: ' + $.cookie("views") + '
'; $("#video-display").html(data); $("#tab1").html($.cookie("desc")); videoId = $.cookie("id"); //vidDuration = $.cookie("dur"); works but prints out the same value for each //viewCount = $.cookie("views"); works but prints out the same value for each debugger; relatedVids(videoId); // called here console.log("from single-vid.html globalPlaylistId: ", $.cookie("playlistId")); // remove cookies after transferring it to this page for display $.removeCookie("title"); $.removeCookie("id"); $.removeCookie("desc"); $.removeCookie("views"); $.removeCookie("dur"); $.removeCookie("tags"); $.removeCookie("playlistId"); } }); }); 

Answer 1

您在搜索结果中引用该item 。 当您向video发出获取请求时，您将收到video内容详细信息和统计信息的响应。 显然，您没有捕获返回的响应。

  $.get( "https://www.googleapis.com/youtube/v3/videos", { part: 'contentDetails, statistics', id: videoId, //item.snippet.resourceId.videoId, key: 'XXXXXXXXX', }, function(videoItem) { vidDuration = videoItem.contentDetails.duration; // pass item's duration viewCount = videoItem.statistics.viewCount; // pass item's view count } ); 

注意：您可以传递由逗号分隔的videoID字符串，以在一个请求中获取多个video内容详细信息/统计信息。