如何检索单个YouTube播放列表并使用API V3显示其所有标题?
我已经得到的是视频标题,但没有播放列表。如果我缺少一个查询,任何人都会分享一些查询。我的要求是一个YouTube播放列表视频标题。
现在我获得了所有频道视频标题。缺少什么?
var channelname = 'mipaltan';
$(document).ready(function () {
$.get("https://www.googleapis.com/youtube/v3/channels", {
part: 'contentDetails',
forUsername: 'mipaltan',
key: 'AIzaSyCT8kXaxJ2l29vYg4HBdYy36H-PhAH-Teg'
},
function (data) {
$.each(data.items, function (i, item) {
pid = item.contentDetails.relatedPlaylists.uploads;
getVids(pid);
})
}
);
function getVids(pid) {
$.get("https://www.googleapis.com/youtube/v3/playlistItems", {
part: 'snippet',
maxResults: 10,
playlistId: pid,
key: 'AIzaSyCT8kXaxJ2l29vYg4HBdYy36H-PhAH-Teg'
},
function (data) {
$.each(data.items, function (i, item) {
vidsTitle = item.snippet.title;
output = '<li>' + vidsTitle + '</li>';
// Append to results
$('#results').append(output);
})
}
);
}
});
<title> Get Video Title</title>
<style>
body {
background: #f4f4f4;
font-family: Arial, sans-serif;
font-size: 14px;
color: #666;
}
#container {
width: 100%;
height: auto;
overflow: auto;
margin: auto;
padding: 5px;
}
#container2 {
width: 100%;
height: auto;
overflow: auto;
margin: auto;
padding: 15px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/script.js"></script>
<script>
function newSrc(testurl) {
document.getElementById("MyFrame").src = testurl;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="container2"></div>
<iframe id="MyFrame"; width="220"; height="160"; src="http://www.youtube.com/embed?listType=playlist&list=PLVB7Pe64pVdd0RwAOTy7K4pm7TMAK1fQq" frameborder="0" allowfullscreen ></iframe>
<div style="padding-left:5px", id="result" class ="footer-widget"> </div>
<div id="container">
<ul id="results"></ul>
</div>
</form>
</body>
</html>
我在您的代码中没有发现任何问题。
为了查看播放列表,您需要点击播放列表按钮,该按钮会带来播放列表缩略图。
请参阅附件