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

Question

我正在制作一个 slider ，用于显示我的帖子的图像，然后当您单击它时，它会使该图像被嵌入 YouTube 的 iframe 替换。我希望能够通过利用 iframe ID 以某种方式使用 JavScript(或 jQuery)暂停视频。有没有简单的方法可以做到这一点？

Answer 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":""}', '*');    

});