2013-03-07 61 views
0

如何在iframe中打開youtube視頻鏈接(或在colorbox,fancybox中)with angularjs
它顯示JavaScript錯誤:
Refused to display document because display forbidden by X-Frame-Options.

以下的HTML代碼 -如何在angularjs中打開iframe中的外部url?

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


的JavaScript -

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

點擊上面的鏈接,它應該在iframe中打開。但它顯示前面提到的錯誤。
謝謝。

+0

你能粘貼HTML和JS代碼聽到 – Amrendra 2013-03-07 08:23:58

+0

我添加HTML代碼.. – Amb 2013-03-07 08:37:52

+0

這可能是值得給予[YouTube的API](https://developers.google.com/youtube/),但我不知道你的最終目標是什麼。 – 2013-03-07 09:45:32

回答

0

您無法通過跨域的子iFrame控制父框架,在本例中爲瀏覽器)。這打破了iframe的沙盒安全性。

如果您有權訪問父級和子級框架的代碼,並且位於同一個域中,則可以使用HTML5 postMessage()命令。

有關的I幀之間的跨域通信進一步閱讀看到以下內容:

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

相關問題