在 Javascript 中通过 JSON 获取单个视频(不是提要)的 Youtube 信息

IT技术 javascript jquery json youtube
2021-03-01 11:39:48

所以我试图通过 JSON 格式从单个 youtube 视频中获取信息。就像标题描述类别一样,除了评论之外,我还能得到什么。我正在尝试在 Javascript 中执行此操作。我注意到下面的链接,但他们所有的例子都是如何从提要中获取视频信息。假设我知道它的 ID,我想从单个视频中获取信息。

https://developers.google.com/youtube/2.0/developers_guide_json

我也在看这个Stackoverflow 问题, 但我对 get 请求有一个问题,它说“test.js(第 10 行)GET http://gdata.youtube.com/feeds/api/videos/VA770w...v= 2&alt=json-in-script&callback=listInfo

200 OK 9ms"

简而言之,如果我有一个像 VA770wpLX-Q 这样的 youtube 视频 ID,那么在 JSON 中获取该视频信息的 URL 会是什么样子?

谢谢

4个回答

2018 年更新

API v2 已弃用。新的 youtube api v3 仅适用于开发人员令牌,并且对免费连接有限制。

您可以在没有 API 的情况下获取 JSON:

http://www.youtube.com/oembed?url=http://www.youtube.com/watch?v=ojCkgU5XGdg&format=json

或 xml

http://www.youtube.com/oembed?url=http://www.youtube.com/watch?v=ojCkgU5XGdg&format=xml



新的 2018 json 响应有

{
  "html": "<iframe width=\"480\" height=\"270\" src=\"https://www.youtube.com/embed/ojCkgU5XGdg?feature=oembed\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe>",
  "title": "Creativity and Drugs (Eng Sub)",
  "thumbnail_height": 360,
  "provider_name": "YouTube",
  "author_url": "https://www.youtube.com/user/serebniti",
  "thumbnail_width": 480,
  "height": 270,
  "provider_url": "https://www.youtube.com/",
  "type": "video",
  "width": 480,
  "version": "1.0",
  "author_name": "serebniti",
  "thumbnail_url": "https://i.ytimg.com/vi/ojCkgU5XGdg/hqdefault.jpg"
}

大拇指:

hqdefault.jpg 质量较差,但始终存在。

http://img.youtube.com/vi/ojCkgU5XGdg/hqdefault.jpg

http://img.youtube.com/vi/ojCkgU5XGdg/sddefault.jpg

最大尺寸

https://i.ytimg.com/vi/ojCkgU5XGdg/maxresdefault.jpg

小拇指:

http://img.youtube.com/vi/ojCkgU5XGdg/0.jpg
http://img.youtube.com/vi/ojCkgU5XGdg/1.jpg
http://img.youtube.com/vi/ojCkgU5XGdg/2.jpg
http://img.youtube.com/vi/ojCkgU5XGdg/3.jpg

注释

http://www.youtube.com/annotations_invideo?cap_hist=1&video_id=ojCkgU5XGdg

解析移动页面 16kb

https://m.youtube.com/watch?v=ojCkgU5XGdg

不要忘记将用户代理更改为 iOS / Safari 7

http://www.youtube.com/get_video_info?html5=1&video_id=ojCkgU5XGdg

还有如何嵌入youtube live

https://www.youtube.com/embed/live_stream?channel=UCkA21M22vGK9GtAvq3DvSlA

其中 UCkA21M22vGK9GtAvq3DvSlA 是您的频道 ID。您可以在 YouTube 帐户中的“我的频道”链接中找到它。

活拇指

https://i.ytimg.com/vi/W-fSCPrYSL8/hqdefault_live.jpg
我正是这个意思。YouTube 服务器不支持为这些 oembed 发送 JSONP。
2021-04-23 11:39:48
但是没有持续时间信息
2021-04-24 11:39:48
@Alexufo 您可以使用您的网站后端来代理该连接。这样它就会起作用
2021-04-30 11:39:48
@BlaM 我可以用 jsonp learn.jquery.com/ajax/working-with-jsonp加载它,但 jQuery 无法解析响应。:-(
2021-05-04 11:39:48
遗憾的是 oembed 不支持 jsonp(即带有回调),因此在浏览器中跨域使用它会出现问题。
2021-05-18 11:39:48

2015 年 5 月更新:

此解决方案无法正常工作,YouTube API v2 正在处理中,即将停止使用。

更多信息请访问:https : //www.youtube.com/devicesupport


尝试这样的事情:

var video_id='VA770wpLX-Q';

$.getJSON('http://gdata.youtube.com/feeds/api/videos/'+video_id+'?v=2&alt=jsonc',function(data,status,xhr){
    alert(data.data.title);
    // data contains the JSON-Object below
});

演示:http : //jsfiddle.net/wqwxg/

返回的 JSON 如下所示:

{
    "apiVersion": "2.1",
    "data": {
        "id": "VA770wpLX-Q",
        "uploaded": "2011-02-24T22:31:02.000Z",
        "updated": "2012-04-08T21:37:06.000Z",
        "uploader": "drdrevevo",
        "category": "Music",
        "title": "Dr. Dre - I Need A Doctor (Explicit) ft. Eminem, Skylar Grey",
        "description": "Music video by Dr. Dre performing I Need A Doctor featuring Eminem and Skylar Grey (Explicit). © 2011 Aftermath Records",
        "tags": ["Dr", "Dre", "Eminem", "New", "Song", "Skylar", "Grey", "GRAMMYs", "Dr.", "Need", "Doctor", "video", "Eazy", "N.W.A.", "NWA", "easy", "drdre", "and", "em"],
        "thumbnail": {
            "sqDefault": "http://i.ytimg.com/vi/VA770wpLX-Q/default.jpg",
            "hqDefault": "http://i.ytimg.com/vi/VA770wpLX-Q/hqdefault.jpg"
        },
        "player": {
            "default": "http://www.youtube.com/watch?v=VA770wpLX-Q&feature=youtube_gdata_player"
        },
        "content": {
            "5": "http://www.youtube.com/v/VA770wpLX-Q?version=3&f=videos&app=youtube_gdata"
        },
        "duration": 457,
        "aspectRatio": "widescreen",
        "rating": 4.902695,
        "likeCount": "430519",
        "ratingCount": 441253,
        "viewCount": 88270796,
        "favoriteCount": 306556,
        "commentCount": 270597,
        "status": {
            "value": "restricted",
            "reason": "requesterRegion"
        },
        "restrictions": [{
            "type": "country",
            "relationship": "deny",
            "countries": "DE"
        }],
        "accessControl": {
            "comment": "allowed",
            "commentVote": "allowed",
            "videoRespond": "allowed",
            "rate": "allowed",
            "embed": "allowed",
            "list": "allowed",
            "autoPlay": "denied",
            "syndicate": "allowed"
        }
    }
}
我想问一下如何以 HH:MM:ss 格式获取持续时间,因为在 json 文件中它在 Seconds 中,是否有任何函数可以做到这一点!
2021-04-24 11:39:48
url = " gdata.youtube.com/feeds/api/videos/NWHfY_lvKIQ?v=2&alt=json " 你就是这样做的。NWHfY_lvKIQ 是视频的 ID。之后,您可以执行 $.getJSON(url, function(data){ 并从那里获取 json
2021-04-29 11:39:48
不再支持 "error":{"code":410,"message":"No longer available"
2021-05-04 11:39:48

问题

YouTube API 不支持 JSONP,因为它应该支持 - 请参阅问题 4329: JSONP 的 oEmbed 回调此外,不推荐使用 YouTube 数据 API v2

解决方案

您可以使用Noembed服务通过JSONP获取 YouTube 视频的oEmbed数据

奖金

  • 不需要 API 密钥
  • 不需要服务器端代理

例子

对于您的VA770wpLX-Q视频,您可以尝试使用以下链接:

https://noembed.com/embed?url=http://www.youtube.com/watch?v=VA770wpLX-Q

或者这对于 JSONP:

https://noembed.com/embed?callback=example&url=http://www.youtube.com/watch?v=VA770wpLX-Q

这些链接具有作为url参数传递的 YouTube 视频的标准 URL 它不仅适用于 YouTube,还适用于 Vimeo 和其他具有以下 URL 的网站

https://noembed.com/embed?url=https://vimeo.com/45196609

演示

这是一个使用 jQuery 的简单示例:

var id = 'VA770wpLX-Q';
var url = 'https://www.youtube.com/watch?v=' + id;

$.getJSON('https://noembed.com/embed',
    {format: 'json', url: url}, function (data) {
    alert(data.title);
});

请参阅:JS Bin 上的演示

其他选项

  • Embedly(商业服务,每月最多免费 5000 个 URL)
  • Oohembed(更新:现在被Embedly购买,但来源可用)
  • AutoEmbed(更新:似乎已关闭或已停产)

更多信息

另见这些问题:

知道 Noembed 是如何做到的吗?
2021-04-23 11:39:48
@jakob.j 它是开源的。所以,是的。
2021-04-25 11:39:48
@KenSharp 如果第一方不可信(API v3 不支持 JSONPAPI v2 已弃用),那么我们可以告诉原始发布者它无法完成,或者我们可以使用有效的第三方服务对于问题中提出的问题。但是,如果您有更好的解决方案,请发布答案。
2021-05-01 11:39:48
@BobSinclar 谢谢。它也适用于 Vimeo 和其他网站,请参阅:noembed.com/#supported-sites
2021-05-11 11:39:48

在 v3 中:

$.getJSON('https://www.googleapis.com/youtube/v3/videos?id={videoId}&key={myApiKey}&part=snippet&callback=?',function(data){

 if (typeof(data.items[0]) != "undefined") {
     console.log('video exists ' + data.items[0].snippet.title);
   } else {
     console.log('video not exists');
 }   
});

响应@Jonathan 通过服务器端,使用 PHP 和 CURL:

$url = "https://www.googleapis.com/youtube/v3/videos?id=".$videoId."&key=".$miApikey."&part=snippet";
$ch = curl_init();
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_URL,$url);
$output=curl_exec($ch);                 
$response = json_decode($output, TRUE);
print_r($response);
像这样展示你的钥匙似乎不是一个好主意。最好通过获取该 url 的 ajax 调用您的服务器端脚本
2021-04-26 11:39:48
@Jonathan Google 提供了这样的 API 密钥,以便您可以公开进行。这些限制是在 Google 端设置的。这是执行所需操作的正确方法。API 密钥不能在您通过控制台允许的域之外使用。这一切在控制台中都非常清楚。
2021-04-30 11:39:48