2017-02-13 19 views
-1

enter image description hereкак получить юность плейлиста идентификатор видео с названием видео

мне нужно, как извлечь YouTube плейлист идентификатор видео и видео в заголовке, используя ключ API, если только нам нужно пять последних обновленные видео в плейлист YouTube. Как получить его, пожалуйста, дайте мне идеальную ссылку, чтобы я этого достиг. наш код в ниже

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>

+3

Что вы пробовали? Как выглядит ваш код до сих пор? Вы получаете сообщения об ошибках? Пожалуйста, дайте что-то для работы. StackOverflow не собирается заставить людей писать код для вас. –

ответ

0

Я скопировал код и добавил JQuery. Консоль показывает, что вы уже заархивировали свою цель?

enter image description here

<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>

+0

Спасибо Крис Чен, я очень ценю вашу работу. –