javascript - Youtube iframe 不响应 postMessage 命令

Question

我正在尝试使用来自父级的 postMessage 命令来控制 YouTube iframe，但它似乎不起作用。

出于多种原因，我没有使用 YouTube API，只使用了带有 YouTube 嵌入式视频的普通 iframe。

<iframe id="video-player" :src="'https://www.youtube.com/embed/' + code + '?autoplay=1'"
  seamless sandbox="allow-scripts allow-same-origin allow-presentation"></iframe>

我尝试发送命令的方式是:

var iframe = document.getElementById('video-player');
iframe.contentWindow.postMessage(JSON.stringify(
  { event: 'command', func: 'pauseVideo' }), 'https://www.youtube.com');

似乎已正确选择 iframe，但我不确定是否发送了 postMessage 命令，因为视频忽略了它们。

¿我做错了什么？

Answer 1

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

<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>

像这样它正确地监听 postMessage() 命令。