Methods of removing the youtube iframe api console error - "blocked a frame with origin..." in chrome console

javascript youtube youtube-api
styler picture styler · Jun 5, 2013 · Viewed 77k times · Source

I'm using the youtube iframe api and get the following console error relating to the blocking of a frame with origin http://www.youtube.com. Was wondering if anyone can explain why this error is only appearing in the chrome console and if there are any ways to prevent this happening?

Error:

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

Answer

Wulf Solter picture Wulf Solter · Jun 27, 2013

I had a similar error where the JS error was:

Blocked a frame with origin "https://www.youtube.com" from accessing a frame with origin "http://www.yourdomain.com". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocol/Protocols must match, YouTube has CORS (Cross Origin Resource Sharing) enabled to allow across domains.

Try getting rid of the https:// in your YouTube iframe tag?

You could also take a look at your closing iframe tags. Iframe tags are not singleton tags and must end with a </iframe> and not a />.

Related questions

How to embed an autoplaying YouTube video in an iframe?

I am trying to embed the new iframe version of a YouTube video and get it to auto play. As far as I can tell, there is no way of doing this by amending flags to the URL. Is there …

Read More
Failed to execute 'postMessage' on 'DOMWindow': https://www.youtube.com !== http://localhost:9000

This is the error message that I get: Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://localhost:9000'). I've seen other similar problems where the target …

Read More
How do you mute an embedded Youtube player?

I'm experimenting with the Youtube player but I can't get it to mute by default. function onPlayerReady() { player.playVideo(); // Mute?! player.mute(); player.setVolume(0); } How do I mute it from the start? Fiddle Update: JavaScript Player API is deprecated. Use …

Read More