如何使用 postMessage 聚焦 YouTube iframe 的控件

How to focus the controls of a YouTube iframe with postMessage

提问人:Jeff 提问时间:2/28/2020 最后编辑:Jeff 更新时间:2/28/2020 访问量:348

问:

我在这个问题上太过分了。

目标是能够在页面加载时点击播放/暂停和全屏。spacebarf

我正在像这样加载 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>

问题是,我可以使用 iframe 控件聚焦吗?还是其他方法?postMessage

如果是这样,我需要关注 iframe 中的哪个元素才能完成它?我认为是.html5-video-container > video

不要以为我什至需要 YouTube jsapi,但它现在就在那里。

我已经讨论过这个 SO 问题大约十几次了,还有很多其他问题

JavaScript 后消息

评论


答:

0赞 Jeff 2/28/2020 #1

你不能这样做,因为你不能将工作所需的javascript插入到youtube的iframe中。postMessage

是的,我看到您自己在页面上创建了 iframe,但这不是它的工作原理。