对 YouTube oembed 调用的 JSONp 请求的响应给出“无效标签”错误

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 - 请参阅：

• 问题 4329：oEmbed JSONP 的回调。

解决方案

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

而不是：

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 至：

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

以及许多其他支持的网站。

演示

请参阅 JS Fiddle 上的 DEMO。

另请参阅

另请参阅这些问题：

• Youtube 视频标题使用没有 API 密钥的 API v3？
• 在 Javascript 中通过 JSON 获取单个视频（而非 Feed）的 Youtube 信息

Answer 2

Youtube 的 Oembed API 目前未将 JSON 响应包装在回调中。 ATM 根本不支持 JSONP，而且这似乎不会很快改变：
https://groups.google.com/forum/ ?fromgroups=#!topic/youtube-api-gdata/5KuXxlLK07g

以下是相关功能请求的票证：https://code.google.com/p/gdata-issues/issues/detail?id=4329

最简单的解决方案是实现一个小型服务器端代理代表客户端发出请求。