AngularJS YouTube嵌入式问题:阻止原始“http://www.youtube.com”的框架访问具有原点的框架

时间:2013-09-15 07:23:08

标签: angularjs youtube

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唯一的问题吗? 什么是解决这个问题的正确方法?

1 个答案:

答案 0 :(得分:2)

这与AngularJS无关,而是Chrome本身的一个错误,如您所见:

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

您可以看到已经有针对它的修复程序,所以我们很快希望它能够立即登陆Chrome Stable。