CODEWITHSUNDEEP
angularjsyoutube
Misha Moroshko
Misha Moroshko

Reputation: 171341

AngularJS YouTube embed issue: Blocked a frame with origin "http://www.youtube.com" from accessing a frame with origin

LIVE DEMO

Embedding YouTube video like this:

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

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

throws the following error (in Chrome 28):

Blocked a frame with origin "http://www.youtube.com" from accessing a frame with origin "http://plnkr.co". Protocols, domains, and ports must match.

I don't see the same error in Firefox 23. Is this a Chrome only issue? What would be a proper way to solve this issue?

Upvotes: 3

Views: 3290

Answers (1)

urish
urish

Reputation: 9033

This is not related to AngularJS, rather a bug in Chrome itself, as you can see here:

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

You can see that there is already a fix committed for it, so let's hope for it to land in Chrome Stable soon.

Upvotes: 2

Related Questions