如何使用postMessage集中控制YouTube iframe

Question

我在这个问题上有点不知所措。

目标是能够在页面加载时点击spacebar进行播放/暂停，点击f进行全屏。

我正在加载这样的YouTube嵌入：

<script src="https://www.youtube.com/iframe_api"></script>
<iframe
id="player"
frameborder="0"
allowfullscreen="1"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
width="1280"
height="720"
src="https://www.youtube.com/embed/<?php echo $video_id; ?>?autoplay=1&amp;modestbranding=1&amp;iv_load_policy=3&amp;enablejsapi=1">
</iframe>

问题是，我可以使用postMessage集中iframe控件吗？或者任何其他方法？

如果是这样的话，我需要关注iframe中的哪个元素才能完成它？我想是html5-video-container > video。

我甚至不认为我需要YouTube jsapi，但它现在就在那里。

我已经讨论过这个SO问题十几次了，还有很多其他的问题。

Answer 1

您不能这样做，因为您无法将postMessage工作所需的javascript插入youtube的iframe中。

是的，我看到你自己在页面上创建了iframe，但它不是这样工作的。