Javascript 如何使用JSON/jQuery使用Youtube v3数据API从Youtube频道获取所有视频_Javascript_Jquery_Json_Youtube_Youtube Data Api

Javascript 如何使用JSON/jQuery使用Youtube v3数据API从Youtube频道获取所有视频

javascript jquery json youtube

Javascript 如何使用JSON/jQuery使用Youtube v3数据API从Youtube频道获取所有视频,javascript,jquery,json,youtube,youtube-data-api,Javascript,Jquery,Json,Youtube,Youtube Data Api,有人能帮我从youtube频道获取视频吗以下是HTML代码： <!doctype html> <html> <head> <title>My Uploads</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script s

有人能帮我从youtube频道获取视频吗

以下是HTML代码：

<!doctype html>
<html>
  <head>
    <title>My Uploads</title>    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script src="js/script.js"></script>    
  </head>
  <body>
    <div id="container">
        <h1> Videos </h1>
        <ul id="results"></ul>
    </div>
  </body>
</html>


我的上传
视频

下面是我的JavaScript：

var channelName = 'UCcPHkNcLFjenlxtMxEw_YZQ';
$(document).ready(function() {
    $.get(
        "https://www.googleapis.com/youtube/v3/channels",{
            part: 'contentDetails',
            forUsername: channelName,
            key: 'API Key'},
            function(data){
                $.each(data.items, function(i,item){
                    console.log(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: 'API Key'},
                function(data){
                    var output;
                    $.each(data.items, function(i, item){
                        console.log(item);
                        videTitle = item.snippet.title;
                        //videoId = item.snippet.resourceId.videoId;
                        output = '<li>'+videTitle+'</li>';
                        console.log(output);
                        //$('#results').append(output);
                    })
                }

        );

    }
});

var channelName='UCcPHkNcLFjenlxtMxEw_YZQ'；
$（文档）.ready（函数（）{
美元(
"https://www.googleapis.com/youtube/v3/channels",{
第部分：“内容详细信息”，
forUsername:channelName，
键：“API键”}，
功能（数据）{
$.each（data.items，function（i，item）{
控制台日志（项目）；
pid=item.contentDetails.relatedPlaylists.uploads；
getVids（pid）；
})
}
);
函数getVids（pid）{
美元(
"https://www.googleapis.com/youtube/v3/playlistItems",{
部分：'代码片段'，
最大结果：10，
playlid:pid，
键：“API键”}，
功能（数据）{
var输出；
$.each（data.items，function（i，item）{
控制台日志（项目）；
videTitle=item.snippet.title；
//videoId=item.snippet.resourceId.videoId；
输出=“”+videTitle+””；
控制台日志（输出）；
//$（“#结果”）。追加（输出）；
})
}
);
}
});

我需要指导，以便将视频从YouTube频道转到网页

提前感谢。

我的控制台也没有收到任何错误。响应数据是什么？它是物体吗？你也能给我们看看吗？它是否有result属性？是否可以通过控制台记录数据并查看是否得到响应？还可以添加

fail（）

处理程序。若有些东西不起作用，最明显的是要添加错误处理。您没有提供任何调试信息。还可以检查浏览器中的实际请求。我的控制台日志中没有任何内容。这是完全空白，我也没有在我的控制台中得到任何错误。什么是响应数据？它是物体吗？你也能给我们看看吗？它是否有result属性？是否可以通过控制台记录数据并查看是否得到响应？还可以添加

fail（）

处理程序。若有些东西不起作用，最明显的是要添加错误处理。您没有提供任何调试信息。还可以检查浏览器中的实际请求。我的控制台日志中没有任何内容。它完全是空白的