1

我为网站创建了幻灯片，用户可以将来自 vimeo 或 youtube 的视频放入其中。它工作得很好。由于当前浏览器的一些限制，我在幻灯片中显示了视频的缩略图，单击图片会打开一个带有实际视频的灯箱。我从 youtube 和 vimeo 网站完全复制了iframe代码，但我的控制台显示iframe页面上的每个错误。iframe这是我页面上的一个示例元素：

<iframe
    class="hide_me"
    src="http://player.vimeo.com/video/7339803"
    width="100%"
    height="100%"
    frameborder="0"
    webkitallowfullscreen=""
    mozallowfullscreen=""
    allowfullscreen="">
</iframe>

这是我在控制台中遇到的错误：

Blocked a frame with origin "http://player.vimeo.com" from accessing a frame with origin "http://my-machine-name". Protocols, domains, and ports must match.

难道我做错了什么？

4

1 回答 1

0

页面可以防止自己被加载到第三方网站的 iframe 中（同源策略）。

可以在这里找到整个纲要：https ://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

通常允许嵌入的页面通常具有没有这些限制的特定 URL，但即使是 YouTube 最近也将它们添加到其当前的嵌入 URL 中，旧的 /embed/ 方案仍然有效。也许 Vimeo 也有一个可行的选择？

于 2014-10-15T21:15:06.227 回答