这是我得到的错误信息:
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()函数时，问题就消失了。
其他回答
只需要在播放器的paramVars属性中添加参数“origin”和你网站的URL，就像这样:
this.player = new window['YT'].Player('player', {
videoId: this.mediaid,
width: '100%',
playerVars: {
'autoplay': 1,
'controls': 0,
'autohide': 1,
'wmode': 'opaque',
'origin': 'http://localhost:8100'
},
}
在某些情况下(正如一个评论者提到的)，这可能是由于你在DOM中移动播放器，如追加等。
扩展上面@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);
添加= $ {window.location起源。Host}或“*”是不够的。
在它之前添加https://，它就可以工作了。
另外，确保您使用的是一个可以嵌入的URL:去掉视频ID，并连接一个包含YouTube视频前缀和视频ID +嵌入定义的字符串。
你可以改变你的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
