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

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


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 />.


It seems that today, using the protocol-free "//youtube.com" URL that YouTube puts IN THEIR OWN EMBED CODE SNIPPET TOOL is throwing protocol matching errors. (sigh) This worked fine earlier this week.

If I add the https: to the embed URL it stops throwing errors and the iframe JS API works. It will continue to throw your "Blocked a frame with origin ..." error, but the JS API will function as expected.