这是我得到的错误信息:
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。
我不明白这个问题。有什么问题吗? 我该怎么解决呢?
当前回答
我认为错误的描述是误导性的，最初与玩家对象的错误使用有关。
当切换到滑动条中的新视频时，我也遇到了同样的问题。
当简单地使用这里描述的player.destroy()函数时，问题就消失了。
其他回答
我相信这是一个问题与目标来源是https。我怀疑这是因为你的iFrame url使用的是http而不是https。尝试将您要嵌入的文件的url更改为https。
例如:
'//www.youtube.com/embed/' + id + '?showinfo=0&enablejsapi=1&origin=http://localhost:9000';
是:
'https://www.youtube.com/embed/' + id + '?showinfo=0&enablejsapi=1&origin=http://localhost:9000';
设置这个似乎可以解决这个问题:
this$1.player = new YouTube.Player(this$1.elementId, {
videoId: videoId,
host: 'https://www.youtube.com',
扩展上面@Hokascha的回答，对我来说也是惰性加载，被WordPress自动添加。这段代码将删除站点iframes上的所有延迟加载(添加到functions.php):
function disable_post_content_iframe_lazy_loading( $default, $tag_name, $context ) {
if ( 'iframe' === $tag_name ) {
return false;
}
return $default;
}
add_filter('wp_lazy_loading_enabled', 'disable_post_content_iframe_lazy_loading', 10, 3);
它看起来只是一个Chrome安全系统，阻止重复请求，使用CORB。
https://www.chromestatus.com/feature/5629709824032768
在我的案例中，YouTube在第一次加载相同的网页后阻止访问，该网页有许多视频API数据请求，高负载。
对于负载较低的页面，则不会出现此问题。
在Safari和其他非基于Chronuim的浏览器中，不会出现此问题。
如果我在新的浏览器中加载网页，问题不会发生，当我重新加载同一页面时，问题就出现了。
你可以改变你的iframe像这样，并添加原点为您当前的网站。它解决了我浏览器上的错误。
<iframe class="test-testimonials-youtube-group" type="text/html" width="100%" height="100%"
src="http://www.youtube.com/embed/HiIsKeXN7qg?enablejsapi=1&origin=http://localhost:8000"
frameborder="0">
</div>
裁判:https://developers.google.com/youtube/iframe_api_reference # Loading_a_Video_Player
