是否可以使用 JavaScript 在 iframe 中暂停 YouTube 视频？

【问题标题】：Is it possible to pause a YouTube video in an iframe using JavaScript?是否可以使用 JavaScript 在 iframe 中暂停 YouTube 视频？
【发布时间】：2014-06-11 07:54:54
【问题描述】：

我正在制作一个滑块，它会显示我的帖子的图片，然后当您单击它时，它会将图片替换为带有 YouTube 嵌入的 iframe。我希望能够通过使用 iframe ID 以某种方式使用 JavScript（或 jQuery）暂停视频。有没有简单的方法可以做到这一点？

【问题讨论】：

标签： javascript jquery html youtube

【解决方案1】：

您可以暂停 youtube 视频。

您可以尝试在此处查看此代码：

http://jsfiddle.net/3J2wT/757/

HTML：

<a id="pause" href="#">Pause</a>

<iframe id="popup-youtube-player" width="640" height="360" src="http://www.youtube.com/embed/geTgZcHrXTc?enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0" allowfullscreen="true" allowscriptaccess="always">
</iframe>

Javascript：

$('#pause').on('click', function() {

    $('#popup-youtube-player')[0].contentWindow.postMessage('{"event":"command","func":"' + 'pauseVideo' + '","args":""}', '*');

});

【讨论】：