Blocked a frame with origin "https://www.youtube.com" from accessing a frame with origin "file://"

Manish Kumar picture Manish Kumar · May 18, 2015 · Viewed 17.9k times · Source

I have a URL for youtube :

<iframe class="embed-responsive-item" ng-src="https://www.youtube.com/embed/s7gJ74ARN84" allowfullscreen=""></iframe>

If i use this in my local html file it plays well. But when i paste the same in a phonegap ios app html page and run that in ios simulator it shows below error just as i click the video:

Blocked a frame with origin "https://www.youtube.com" from accessing a frame with origin "file://".  

The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "file". Protocols must match.

Solution:

It was not working in simulator but working in mobile and that was my ultimate goal.

Answer

user3255670 picture user3255670 · May 19, 2015

@Manish,

it appears you have the CORS problem. You can can add to your config.xml <access origin="*"/>.

Jesse