通过自定义播放暂停按钮控制iframed（嵌入式）youtubeplayer

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网址：

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

只有在有YT.Player实例的情况下，才能查看YouTube Player API Reference for iframe Embeds，播放，停止和暂停。