如何在angularjs中打开iframe中的外部URL？

Question

如何在iframe（或彩盒，幻灯箱）with angularjs中打开YouTube视频链接？ 它显示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的沙盒安全性。

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

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

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