如何使用 JavaScript API V3 以 JSON 格式获取 youtube 播放列表的数据

Posted

技术标签:

【中文标题】如何使用 JavaScript API V3 以 JSON 格式获取 youtube 播放列表的数据【英文标题】:How to get data of a youtube playlist in JSON format using JavaScript API V3 【发布时间】:2015-08-25 19:14:30 【问题描述】:

Youtube 停止支持我目前使用的 V2,谁能告诉我

我使用的 V2 URL 如下所示 http://gdata.youtube.com/feeds/api/playlists/PLAYLIST_ID?alt=json-in-script&callback=showMyVideos

已解决

v3 网址是 https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults=50&playlistId=PLAYLIST_ID&key=KEY

【问题讨论】:

【参考方案1】:

您可以在此处找到许多适用于 javascript v3 客户端库的示例应用程序:

https://developers.google.com/youtube/v3/code_samples/javascript

您可能拨打的电话是PlaylistItems:list,可以在这里看到:

https://developers.google.com/youtube/v3/docs/playlistItems/list

并且可以使用:

GET https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&id=YOUR-PLAYLIST-ID&key=YOUR_API_KEY

使用 Javascript 客户端库可以获取指定播放列表中前 50 条记录的详细信息。结果存储在response 对象中。

<!doctype html>
<html>

<head>
    <title>YouTube</title>
</head>

<body>

    <script>
        function onGoogleLoad() 
            gapi.client.setApiKey('YOUR-API-KEY');
            gapi.client.load('youtube', 'v3', function() 

                var request = gapi.client.youtube.playlistItems.list(
                    part: 'snippet',
                    playlistId: 'PLAYLIST-ID-HERE',
                    maxResults: 50
                );

                request.execute(function(response) 
                    for (var i = 0; i < response.items.length; i++) 
                        console.log(response.items[i].snippet.title + " published at " + response.items[i].snippet.publishedAt)
                    
                );
            );
        
    </script>

    <script src="https://apis.google.com/js/client.js?onload=onGoogleLoad"></script>

</body>

</html>

【讨论】:

以上是关于如何使用 JavaScript API V3 以 JSON 格式获取 youtube 播放列表的数据的主要内容,如果未能解决你的问题,请参考以下文章

Google Maps API v3:如何以 2 个动态地址为中心?

如何使用 Ajax 和 JSON 在 javascript 中使用 v3 URL API 获取 Youtube 视频标题

如何使用 Google Maps JavaScript API v3 在谷歌地图中获取查看区域中心的坐标

如何使用 Google Maps Javascript API V3 在加载时设置 infoWindow 内容

使用Javascript中的Oauth授权将Google表格API v3迁移到v4之后如何实现makeApiCall()方法

如何使Event DOM Listener适应Google Maps JavaScript API v3.35