在“DOMWindow”上执行“postMessage”失败:https://www.youtube.com !== http://localhost:9000

这是我得到的错误信息:

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').

我见过其他类似的问题，其中目标源是http://www.youtube.com，收件人源是https://www.youtube.com，但没有一个像我的问题一样，目标是https://www.youtube.com，源是http://localhost:9000。

我不明白这个问题。有什么问题吗? 我该怎么解决呢?

当前回答

删除DNS预取可以解决此问题。

如果你使用WordPress，在主题的functions.php中添加这一行

remove_action( 'wp_head', 'wp_resource_hints', 2 );

2018-08-19 14:08:17

其他回答

我想我们可以定制YT的sendMessage。球员

playerOptions.playerVars.origin = window.location.origin or your domain.
this.youtubePlayer = new YT.Player(element,playerOptions);
this.youtubePlayer.sendMessage = function (a) {
   a.id = this.id, a.channel = "widget", a = JSON.stringify(a);
   var url = new URL(this.h.src), origin = url.searchParams.get("origin");
   if (origin && this.h.contentWindow) {
       this.h.contentWindow.postMessage(a, origin)
   }
}

我在我的项目中使用了这个函数来求解。

2021-12-14 15:41:10

我认为错误的描述是误导性的，最初与玩家对象的错误使用有关。

当切换到滑动条中的新视频时，我也遇到了同样的问题。

当简单地使用这里描述的player.destroy()函数时，问题就消失了。

2017-05-08 18:49:45

我也面临着同样的问题，然后我访问了Youtube官方Iframe Api，在那里我发现了这个:

用户的浏览器必须支持HTML5的postMessage特性。大多数现代浏览器都支持postMessage

而彷徨看到的官方页面也面临着这个问题。只需访问官方Youtube Iframe Api，查看控制台日志。我的Chrome版本是79.0.3945.88。

2020-01-03 12:02:51

尝试使用window.location.href作为url来匹配窗口的原点。

2017-10-17 20:28:42