Comment obtenir les tendances youtube de les plus populaires ou les plus consultées par pays en Json.
Auparavant, en utilisant youtube feeds v2. Il semble obsolète, https://gdata.youtube.com/feeds/api/standardfeeds/IN/most_popular?v=2
Puis-je obtenir youtube api v3 ou tout autre résultat tel que le tableau de bord des tendances, https://www.youtube.com/trendsdashboard
Conformément aux directives de YouTube, YouTube Feeds v2 , est désormais obsolète. Vous devriez travailler avec YouTube Data API v3 .
Pour la vidéo la plus populaire:
part :
id, snippet, contentDetails, fileDetails, liveStreamingDetails, localizations, player, processingDetails, recordingDetails, statistics, status, suggestions, and topicDetails
chart :
mostPopular
regionCode :
clé :
maxResults : valeur par défaut 5,
var maxVideos = 5;
$(document).ready(function(){
$.get(
"https://www.googleapis.com/youtube/v3/videos",{
part: 'snippet',
chart: 'mostPopular',
kind: 'youtube#videoListResponse',
maxResults: maxVideos,
regionCode: 'IN',
key: 'Your_KEY_Here'},
function(data){
var output;
$.each(data.items, function(i, item){
console.log(item);
videTitle = item.snippet.title;
description = item.snippet.description;
thumb = item.snippet.thumbnails.high.url;
channelTitle = item.snippet.channelTitle;
videoDate = item.snippet.publishedAt;
Catagoryid = item.snippet.categoryId;
cID = item.snippet.channelId;
output = '<div class="maindiv"><div>' +
'<a data-fancybox-type="iframe" class="fancyboxIframe" href="watch.php?v=' + vidId + '" target="_blank" ><img src="' + thumb + '" class="img-responsive thumbnail" ></a>' +
'</div>' +
'<div class="input-group col-md-6">' +
'<h3 class="Vtitle"><a data-fancybox-type="iframe" class="fancyboxIframe" href="watch.php?v=' + vidId + '" target="_blank">' + videTitle + '</a></h3>'+
'</div><div id="cTitle"><a href="https://www.youtube.com/channel/'+cID+'" target="_blank">'+channelTitle+'</a></div></div>' +
'<div class="clearfix"></div>';
$('#trending').append(output);
})
}
);
});
Enregistrer le fichier sous .js
Et dans le fichier HTML
, créez div
ou ul
avec id="trending"
comme:
<div id="catagoryname"><h1>Trending</h1></div>
<ul id="trending"></ul>
La vérification de votre sortie.
API KEY