这是我得到的错误信息:
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。
我不明白这个问题。有什么问题吗? 我该怎么解决呢?
当前回答
至少在我的实例中，这似乎是一个无害的“未准备好”条件，API会不断重试，直到成功为止。
我在任何地方都能找到2到9个(在我最糟糕的测试中，通过蜂窝热点打开了20个标签的2009年的《化石书》)....但之后视频功能正常。一旦它运行我的postmessage基于调用seekTo肯定工作，还没有测试其他。
其他回答
你可以试试:
document.getElementById('your_id_iframe').contentWindow.postMessage('your_message', 'your_domain_iframe')
可能有以下任何一种情况，但它们都导致DOM在被javascript访问之前没有加载。
所以在真正调用JS代码之前，你必须确保以下几点: *确保在任何javascript调用之前容器已经加载 *确保目标URL被加载到任何容器中
我遇到了类似的问题，但在我的本地，当我试图让我的Javascript在主页onLoad之前运行良好，导致错误消息。我已经通过简单地等待整个页面加载，然后调用所需的函数来修复它。
你可以简单地通过添加一个超时函数当页面已经加载并调用你的onload事件来做到这一点:
窗口。Onload =新函数(){ setTimeout(函数(){ //一些onload事件 }, 10); ｝
这将确保你正在尝试的东西将在onLoad触发后很好地执行。
我得到了同样的错误。我的错误是enablejsapi=1参数在iframe src中不存在。
它看起来只是一个Chrome安全系统，阻止重复请求，使用CORB。
https://www.chromestatus.com/feature/5629709824032768
在我的案例中，YouTube在第一次加载相同的网页后阻止访问，该网页有许多视频API数据请求，高负载。
对于负载较低的页面，则不会出现此问题。
在Safari和其他非基于Chronuim的浏览器中，不会出现此问题。
如果我在新的浏览器中加载网页，问题不会发生，当我重新加载同一页面时，问题就出现了。
扩展上面@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);
