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

Question

我正在制作一个滑块，显示我的帖子的图像，然后当您点击它时，它会使图像被iframe替换为YouTube嵌入。我希望能够通过利用iframes 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":""}', '*');    

}）;