如何获取带有视频标题的youtube播放列表视频ID [英] how to get youtube playlist video id with video title
本文介绍了如何获取带有视频标题的youtube播放列表视频ID的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如果仅需要YouTube播放列表中的最后五个更新的视频，我就需要使用API密钥检索YouTube播放列表的视频ID和视频标题的方法.如何获得它，请给我一个完美的链接，以便我实现这一目标. 我们的代码在下面
I need how to retrieved YouTube playlist video id and Video title using API key, if only we need last five updated videos in a YouTube playlist. How to got it please give me a perfect link so that I achieve this. our code in below
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>
推荐答案
我复制了您的代码并添加了jQuery.控制台显示您已经完成了目标?
I copied your code and added jQuery. Console shows you have already archieved your goal?
<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>
这篇关于如何获取带有视频标题的youtube播放列表视频ID的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
