Youtube API - Failed to execute 'postMessage' on 'DOMWindow'

The solution was simple, although I do not know why. By removing the api from the modal it worked fine. Within the modal it wouldn't.

I think that the error message is a little bit misleading, as it has nothing to do with your actual host, but is more about how resources from are referenced on the page.

There are two things I would suggest in order to get rid of this error message. (At least these were working in my case.)

First and foremost you should reference the IFrame Player API script via https. When called with http, YouTube redirects that script request automatically to it’s https counterpart, so if you reference the script directly from https, that eliminates this extra redirect. But most importantly, in case your production environment ever goes to https, it won’t load that script over http, but will throw a “Blocked loading mixed active content” error.

According to my tests this change alone would already magically solve the issue. However in case you would prefer to leave that on http, there is this other thing:

Reading through the Loading a Video Player and the Supported Parameters sections of the API docs, there is no mention about the host parameter at all. In fact when I removed that line from the Player parameters I didn't receive the error message any more. Also, interestingly, when I set host literally to, the error message reads: The target origin provided (‘’) does not match the recipient window’s origin ….) Therefore I think the host parameter should not be set by the client.

Sidenote: If you have a look at the contents of, you will see this statement: var YTConfig = {'host': ''};. To me it means that is some kind of a default for host anyways, so even if you go and set it in the client code, you could try to set it to

Long story short, try to use <script src=""></script> and comment out the host. This is my 2 cents.