javascript - 如何在 angularjs 的 iframe 中打开外部 url？

Question

如何在 iframe（或 colorbox、fancybox）中打开 youtube 视频链接with angularjs？
它显示 javascript 错误：
“ Refused to display document because display forbidden by X-Frame-Options.”

这是一个 Html 代码 -

<a href="{{video_url}}" title="{{video.video_title}}" class="nyroModal">
    {{video_title}}
</a>

javascript -

$('.nyroModal').nyroModal();

单击上面的链接，它应该在 iframe 中打开。但是它显示了上面提到的错误。
谢谢。

Answer 1

您无法从跨域的子 iFrame 控制父框架（在本例中为浏览器）。这破坏了 iframe 的沙盒安全性。

如果您可以访问父框架和子框架的代码并且在同一个域中，则可以使用 HTML5postMessage()命令。

有关 iframe 之间跨域通信的进一步阅读，请参阅以下内容：

http://softwareas.com/cross-domain-communication-with-iframes