jquery - 对 YouTube oembed 调用的 JSONp 请求的响应给出 "invalid label"错误

Question

我正在使用 oembed 对 youtube 进行 JSONp 调用，响应时 firebug 给出“无效标签”错误

这是我的代码

site = "www.youtube.com";
url = "http://www.youtube.com/watch?v=slORb622ZI8";

$.getJSON("http://"+site+"/oembed?callback=?",{"format":"json","url":url},function(data){
    alert("hello:\n"+data);
    alert(data.provider_url);
});

有人在使用 oembed jsonp 请求时遇到过类似的问题吗？

Answer 1

问题

YouTube API 不支持 JSONP - 请参阅:

• Issue 4329: oEmbed callback for JSONP .

解决方案

不需要服务器端代理，也不需要 API key 。

而不是:

var url = "http://www.youtube.com/watch?v=slORb622ZI8";

$.getJSON("http://www.youtube.com/oembed?callback=?",
    {"format": "json", "url": url}, function (data) {
    alert("hello:\n"+data);
    alert(data.provider_url);
});

尝试使用 Noembed服务:

var url = "http://www.youtube.com/watch?v=slORb622ZI8";

$.getJSON("https://noembed.com/embed?callback=?",
    {"format": "json", "url": url}, function (data) {
    alert("hello:\n" + data);
    alert(data.provider_url);
});

作为奖励，当您将url更改为:

时，这也适用于 Vimeo 链接

var url = "https://vimeo.com/45196609";

还有许多其他supported sites .

演示

参见DEMO关于 JS Fiddle。

另请参阅

另请参阅这些问题:

• Youtube Video title with API v3 without API key?
• Get Youtube information via JSON for single video (not feed) in Javascript