vimeo / youtube 等如何在其 iframe 中获取引用 URL？

Question

对这个主题的大量答案和问题感到困惑。

现在，我接受安全 JS 情况不允许从 iFrame 到容器窗口/页面的跨域访问，但 Fragment Identifers 或 postMessage API 的许多文章中引用的理想解决方案确实是莫名其妙。

我想做的是复制 vimeo 似乎已经取得的成果；他们的新 iframe 嵌入代码

<iframe src="http://player.vimeo.com/video/17263117" width="400" height="225" frameborder="0"></iframe>

使用 http://a.vimeocdn.com/js/player_combined .opt.js?8ba54 并且似乎能够从父加载页面填写 iframe 源中的引用网址。即 www.donkey.com/myvideo.html 被插入 http://player.vimeo.com/video /17263117页面。通常，对于 JS 上的安全块，使用简单的parent.location.href 是不可能的。因此，我对此进行了研究，并一直在进行一场真正疯狂的追逐，以找出如何做到这一点。

我试图理解他们的 JS 并使用 postMessage API，但没有任何东西可以展示。非常欢迎任何指导。

Answer 1

它根本不需要从 源获取它（正如您已经注意到的，安全限制阻止了这种情况），它作为标头传递到服务器，并在中呈现页面由其服务器供 JavaScript 使用，请查看页面中定义的 options 变量。

---

让我们在这里举个例子： http://www.jsfiddle.net/nick_craver/FfuPk/

如果您查看对 http://player.vimeo.com/video/17263117 的请求，

您将看到引用网址已被传递：

Referer: http://fiddle.jshell.net/nick_craver/FfuPk/show/light/

在 iframe 加载的页面中的脚本块中，您将看到：

var options = {config: {
               //....
               "referrer":"http:\/\/fiddle.jshell.net\/nick_craver\/FfuPk\/show\/light\/"
               //....
              };

这就是它如何获取引用网址，最终从浏览器发送到的标头服务器。