这是我得到的错误信息:
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。
我不明白这个问题。有什么问题吗? 我该怎么解决呢?
当前回答
只需要在播放器的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'
},
}
其他回答
它看起来只是一个Chrome安全系统，阻止重复请求，使用CORB。
https://www.chromestatus.com/feature/5629709824032768
在我的案例中，YouTube在第一次加载相同的网页后阻止访问，该网页有许多视频API数据请求，高负载。
对于负载较低的页面，则不会出现此问题。
在Safari和其他非基于Chronuim的浏览器中，不会出现此问题。
如果我在新的浏览器中加载网页，问题不会发生，当我重新加载同一页面时，问题就出现了。
当您在调用window.postMessage()时没有指定targetOrigin时，也会收到此消息。
在本例中，我们向第一个iFrame发送消息，并使用*作为目标，这应该允许与任何targetOrigin通信。
window.frames[0].postMessage({
message : "Hi there",
command :"hi-there-command",
data : "Some Data"
}, '*')
我也面临着同样的问题，然后我访问了Youtube官方Iframe Api，在那里我发现了这个:
用户的浏览器必须支持HTML5的postMessage特性。大多数现代浏览器都支持postMessage
而彷徨看到的官方页面也面临着这个问题。只需访问官方Youtube Iframe Api，查看控制台日志。我的Chrome版本是79.0.3945.88。
我相信这是一个问题与目标来源是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';
我的是:
<youtube-player
[videoId]="'paxSz8UblDs'"
[playerVars]="playerVars"
[width]="291"
[height]="194">
</youtube-player>
我只是用playerVars删除了这一行，它在主机上没有错误。
