Javascript Youtube iframe不响应postMessage命令

Javascript Youtube iframe不响应postMessage命令,javascript,iframe,youtube,postmessage,Javascript,Iframe,Youtube,Postmessage,我试图使用来自父级的postMessage命令来控制YouTube iframe,但它似乎不起作用 出于很多原因,我没有使用YouTube API,只是使用一个普通的iframe和一个YouTube嵌入视频 <iframe id="video-player" :src="'https://www.youtube.com/embed/' + code + '?autoplay=1'" seamless sandbox="allow-scripts allow-same-origin al

我试图使用来自父级的postMessage命令来控制YouTube iframe,但它似乎不起作用

出于很多原因,我没有使用YouTube API,只是使用一个普通的iframe和一个YouTube嵌入视频

<iframe id="video-player" :src="'https://www.youtube.com/embed/' + code + '?autoplay=1'"
  seamless sandbox="allow-scripts allow-same-origin allow-presentation"></iframe>
看起来iframe的选择是正确的,但是我不确定是否发送了postMessage命令,因为视频忽略了它们


?我做错了什么?

我找到了解决办法。YouTube url需要查询参数“enablejsapi=1”


像这样,它会正确地侦听postMessage()命令

var iframe = document.getElementById('video-player');
iframe.contentWindow.postMessage(JSON.stringify(
  { event: 'command', func: 'pauseVideo' }), 'https://www.youtube.com');
<iframe id="video-player" :src="'https://www.youtube.com/embed/' + code + '?autoplay=1&enablejsapi=1'"
  seamless sandbox="allow-scripts allow-same-origin allow-presentation"></iframe>