这是我得到的错误信息:
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。
我不明白这个问题。有什么问题吗? 我该怎么解决呢?
当前回答
你可以改变你的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
其他回答
我的是:
<youtube-player
[videoId]="'paxSz8UblDs'"
[playerVars]="playerVars"
[width]="291"
[height]="194">
</youtube-player>
我只是用playerVars删除了这一行，它在主机上没有错误。
我也有同样的问题，原来是因为我有Chrome扩展“HTTPS无处不在”运行。禁用扩展解决了我的问题。
这帮助了我(Vue.js)
在vue-youtube上找到
mounted() {
window.YTConfig = {
host: 'https://www.youtube.com/iframe_api'
}
const host = this.nocookie ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com'
this.player = player(this.$el, {
host,
width: this.width,
height: this.height,
videoId: this.videoId,
playerVars: this.playerVars
})
...
}
更新: 像这样神奇地工作:
...
youtube(
video-id="your_video_code_here"
nocookie
)
...
data() {
return {
playerVars: {
origin: window.location.href,
},
};
},
我也面临着同样的问题，然后我访问了Youtube官方Iframe Api，在那里我发现了这个:
用户的浏览器必须支持HTML5的postMessage特性。大多数现代浏览器都支持postMessage
而彷徨看到的官方页面也面临着这个问题。只需访问官方Youtube Iframe Api，查看控制台日志。我的Chrome版本是79.0.3945.88。
我认为错误的描述是误导性的，最初与玩家对象的错误使用有关。
当切换到滑动条中的新视频时，我也遇到了同样的问题。
当简单地使用这里描述的player.destroy()函数时，问题就消失了。
