AngularJS YouTube 嵌入问题：阻止具有来源“http://www.youtube.com”的框架访问具有来源的框架答案

【问题标题】：AngularJS YouTube embed issue: Blocked a frame with origin "http://www.youtube.com" from accessing a frame with originAngularJS YouTube 嵌入问题：阻止具有来源“http://www.youtube.com”的框架访问具有来源的框架
【发布时间】：2013-09-19 12:51:37
【问题描述】：

LIVE DEMO

像这样嵌入 YouTube 视频：

$scope.youtubeURL = '//www.youtube.com/embed/W13qDdJDHp8';

<iframe width="560" height="315" 
        ng-src="{{ youtubeURL }}" 
        frameborder="0" allowfullscreen>
</iframe>

抛出以下错误（在 Chrome 28 中）：

阻止来源为“http://www.youtube.com”的框架访问来源为“http://plnkr.co”的框架。协议、域和端口必须匹配。

我在 Firefox 23 中没有看到同样的错误。这是 Chrome 独有的问题吗？解决这个问题的正确方法是什么？

【问题讨论】：

标签： angularjs youtube

【解决方案1】：

这与 AngularJS 无关，而是 Chrome 本身的一个错误，您可以在此处看到：

https://code.google.com/p/chromium/issues/detail?id=17325

您可以看到它已经提交了一个修复程序，所以我们希望它尽快登陆 Chrome 稳定版。

【讨论】：