wie youtube Playlist Video-ID mit Videotitel

-1

wie youtube Playlist Video-ID mit Videotitel

ich brauche, wie abgerufen YouTube-Playlist Video-ID und Video-Titel mit dem API-Schlüssel bekommen, wenn wir nur die letzten fünf aktualisierte Videos in einer YouTube-Playlist benötigen. Wie bekomme ich es bitte geben Sie mir einen perfekten Link, damit ich das erreichen kann. unseren Code in unter

enter code here

<script> 
 
var channelName = 'mipaltan'; 
 
var vidHeight = 350; 
 
var vidWidth = 650; 
 
var vidMaxResult =7; // Maximum can be 50 
 

 
$(document).ready(function() { 
 
$.get("https://www.googleapis.com/youtube/v3/channels", { 
 
part: 'contentDetails', 
 
forUsername: channelName, 
 
key: 'AIzaSyCT8kXaxJ2l29vYg4HBdYy36H-PhAH-Teg' //Browser API Key 
 
}, 
 
function (data) { 
 
$.each(data.items, function (i, item) { 
 
console.log(item); // See in Browser Console 
 
pid = item.contentDetails.relatedPlaylists.uploads; 
 
getVideos(pid); 
 
}) 
 
} 
 
); 
 
function getVideos(pid) { 
 
$.get("https://www.googleapis.com/youtube/v3/playlistItems", 
 
{ 
 
part: 'snippet', 
 
maxResults: vidMaxResult, 
 
playlistId: pid, 
 
key: 'AIzaSyCT8kXaxJ2l29vYg4HBdYy36H-PhAH-Teg' //Browser API Key 
 
}, 
 
function (data) { 
 
var outputVideo; 
 
$.each(data.items, function (i, item) { 
 
console.log(item); // See in Browser Console 
 
vidId = item.snippet.resourceId.videoId; 
 
thumbnails = item.snippet.thumbnails.default.url; 
 
texturl = 'https://www.youtube.com/embed/' + vidId; 
 
mainurl = "'" + texturl + "'"; 
 
outputVideo = '<div style="float:left"><img style="width: 93px;height:65px; border-radius: 5px;margin-right:1px;" src="' + thumbnails + '"onclick="newSrc(' + mainurl + ')" /></div>'; 
 

 
$('#result').append(outputVideo); 
 
}) 
 
} 
 

 
); 
 
} 
 
}); 
 

 
</script> 
 
<script> 
 
function newSrc(testurl) { 
 
document.getElementById("MyFrame").src = testurl; 
 
} 
 
</script> 
 
</head> 
 
<body> 
 
<div id="container"> 
 
<iframe id="MyFrame"; width="670"; height="350"; src="https://www.youtube.com/embed/Yx9M-6cx8wA" frameborder="0" allowfullscreen></iframe> 
 
<div style="padding-left:5px", id="result" class ="footer-widget"> 
 
</div> 
 
</div> 
 
</body>

Quelle

2017-02-13 Mohammad Tahir

Was haben Sie versucht? Wie sieht dein Code bisher aus? Erhalten Sie Fehlermeldungen? Bitte geben Sie etwas zur Arbeit mit. Bei StackOverflow geht es nicht darum, Leute dazu zu bringen, Code für dich zu schreiben. –

ich Code kopiert und hinzugefügt jQuery. Die Konsole zeigt, dass Sie Ihr Ziel bereits erreicht haben?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script> 
 
var channelName = 'mipaltan'; 
 
var vidHeight = 350; 
 
var vidWidth = 650; 
 
var vidMaxResult =7; // Maximum can be 50 
 

 
$(document).ready(function() { 
 
$.get("https://www.googleapis.com/youtube/v3/channels", { 
 
part: 'contentDetails', 
 
forUsername: channelName, 
 
key: 'AIzaSyCT8kXaxJ2l29vYg4HBdYy36H-PhAH-Teg' //Browser API Key 
 
}, 
 
function (data) { 
 
$.each(data.items, function (i, item) { 
 
console.log(item); // See in Browser Console 
 
pid = item.contentDetails.relatedPlaylists.uploads; 
 
getVideos(pid); 
 
}) 
 
} 
 
); 
 
function getVideos(pid) { 
 
$.get("https://www.googleapis.com/youtube/v3/playlistItems", 
 
{ 
 
part: 'snippet', 
 
maxResults: vidMaxResult, 
 
playlistId: pid, 
 
key: 'AIzaSyCT8kXaxJ2l29vYg4HBdYy36H-PhAH-Teg' //Browser API Key 
 
}, 
 
function (data) { 
 
var outputVideo; 
 
$.each(data.items, function (i, item) { 
 
console.log(item); // See in Browser Console 
 
vidId = item.snippet.resourceId.videoId; 
 
thumbnails = item.snippet.thumbnails.default.url; 
 
texturl = 'https://www.youtube.com/embed/' + vidId; 
 
mainurl = "'" + texturl + "'"; 
 
outputVideo = '<div style="float:left"><img style="width: 93px;height:65px; border-radius: 5px;margin-right:1px;" src="' + thumbnails + '"onclick="newSrc(' + mainurl + ')" /></div>'; 
 

 
$('#result').append(outputVideo); 
 
}) 
 
} 
 

 
); 
 
} 
 
}); 
 

 
</script> 
 
<script> 
 
function newSrc(testurl) { 
 
document.getElementById("MyFrame").src = testurl; 
 
} 
 
</script> 
 
</head> 
 
<body> 
 
<div id="container"> 
 
<iframe id="MyFrame"; width="670"; height="350"; src="https://www.youtube.com/embed/Yx9M-6cx8wA" frameborder="0" allowfullscreen></iframe> 
 
<div style="padding-left:5px", id="result" class ="footer-widget"> 
 
</div> 
 
</div> 
 
</body>

Quelle

2017-02-13 21:46:26

Danke Chris Chen, ich schätze deine Arbeit sehr. –

wie youtube Playlist Video-ID mit Videotitel

Antwort

Verwandte Themen