使用自定义播放暂停按钮控制 iframe（嵌入式）youtube 播放器

Question

我搜索了 youtube API 和网络，但找不到演示以下内容的教程：

假设我们有这样的嵌入：

<iframe id="ytplayer" type="text/html" width="640" height="360"
  src=""
  frameborder="0"></iframe>

我们有一个这样的按钮： <button onclick="playVideo()">Play Video</button>

而playVideo函数，做它自己的业务逻辑，然后说想出一个像这样的SRC url：

srcURL = 'https://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1';

此时，要开始播放视频，我目前正在执行此操作（并且有效）

document.getElementById("ytplayer").src = srcURL;

我的方法确实有效，但有限。 它确实开始了视频，但你如何停止它，暂停它？

我遇到的教程都有这样的起点：

... player = new YT.Player('player', { ...

但这不适用于这里。有没有办法告诉浏览器，嘿，你的 ytplayer 在 iframe 本身中，然后 YT 的所有 startVideo、stopVideo 方法都可以工作。

Answer 1

查看YouTube Player API Reference for iframe Embeds，播放、停止、暂停仅在存在 YT.Player 实例时才有效。