Javascript YouTube数据API-带视频播放器的播放列表项目[代码示例]

以下是我想做的：

使用YouTube数据API（v3）从播放列表中检索视频，还包括每个播放列表项的视频播放器

我找到了这篇文章，它准确地描述了我想做的事情：

我在答案中查看了这两个链接，这很有意义，但我想知道社区中是否有人提供了如何使用JavaScript将其绑定在一起的代码示例

这就是我到目前为止所做的：

$(document).ready(function() {
    var videosURL = "https://www.googleapis.com/youtube/v3/playlistItems?playlistId={myPlaylistID}&key={myAPIKey}&fields=items&part=snippet&callback=?";    
    $.getJSON(videosURL, function(data) {
        $("#results").append('<p>' + data.items[0].snippet.title + '</p>');
        $("#results").append('<p>' + data.items[0].snippet.description + '</p>');
    });
});

$（文档）.ready（函数（）{
var videosURL=”https://www.googleapis.com/youtube/v3/playlistItems?playlistId={myplaylaid}&key={myAPIKey}&fields=items&part=snippet&callback=？”；
$.getJSON（videosURL，函数（数据）{
$（“#results”）.append（“”+data.items[0]。snippet.title+”
'）；
$（“#结果”）.append（“”+数据.items[0]。snippet.description+”
）；
});
});

但无法确定如何为每个视频包含视频播放器

---

提前感谢您的帮助

一种解决方法是打印以下内容：

$("#results").append(
    '<iframe width="100%" height="360" src="//www.youtube.com/embed/'
    + data.items[0].snippet.resourceId.videoId
    + '" frameborder="0" allowfullscreen></iframe>'
);

$（“#结果”）。追加(
''
);

---

希望能有所帮助。

显示视频列表

$(document).ready(function() {
   var videosURL = "https://www.googleapis.com/youtube/v3/playlistItems?playlistId={myPlaylistID}&key={myAPIKey}&fields=items&part=snippet&maxResults=6&callback=?";

$.getJSON(videosURL, function(data) {
$.each(data.items, function(i,val) {
$("#results").append('<iframe width="100%" height="360" src="//www.youtube.com/embed/'
+ val.snippet.resourceId.videoId
+ '" frameborder="0" allowfullscreen></iframe>');       
   });
  });
});
<div id="results"></div>

喜欢还是上传

https://www.googleapis.com/youtube/v3/channels?part=contentDetails&forUsername={myChannelName}&key={myAPIKey}