javascript - 将 Oembed 与 Hulu 结合使用(并理解 JSONp)

Question

如果有人能阐明这个过程中的任何一个，那就太好了。这是交易。鉴于 Hulu 视频 URL(例如“www.hulu.com/watch/154344”)，我希望能够使用 Javascript(w/jQuery 很好)来检索嵌入 url(即“http://www.hulu.com/embed.html?eid=wvqxnyjrtho0a6osltsuig”)。

此外，如你所知，我正在本地主机上的开发环境中工作。

在我看来，最简单的方法是使用 oembed 服务。 Hulu提供oembed服务，演示on the ombed page .完全基于 oembed 页面上显示的示例，此 eombed 信息的 url 格式应为“http://www.hulu.com/api/oembed.xml?url=http%3A//www.hulu.com/watch/154344”。 '.如果我在浏览器中打开它，就可以了!

所以我尝试像这样运行 Javascript:

var url = 'http://www.hulu.com/api/oembed.xml?url=http%3A//www.hulu.com/watch/154344';

$.getJSON(url, function(data) {
    alert(data.embed_url);
});

但是，那是行不通的。我收到一条错误消息:

XMLHttpRequest cannot load http://noembed.com/embed?url=http%3A//www.hulu.com/watch/154344. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.

所以我多看了一些东西。看来我需要使用 JSONp。我还读了a bit more about JSONp .看起来我启用 JSONp 所需要做的就是将 URL 格式更改为此，将 callback=data 添加到末尾:http://www.hulu.com/api/oembed.xml?url=http%3A//www.hulu.com/watch/154344&callback=data .没有骰子。它仍然给我同样的错误。

我做错了什么？

Answer 1

在 jQuery 中使用 JSONP 时，不要给回调命名。使用 ?，jQuery 会用您的名字替换它。

var url = 'http://www.hulu.com/api/oembed.xml?url=http%3A//www.hulu.com/watch/154344&callb‌​ack=?';