Javascript 在iFrame中暂停YouTube视频

Javascript 在iFrame中暂停YouTube视频,javascript,jquery,iframe,youtube,Javascript,Jquery,Iframe,Youtube,单击关闭按钮后,我有一个YouTube视频在后台播放……以下是我无法使用的jQuery: $('#close1').on('click', function() { // $('#video1').stopVideo(); $('#video1')[0] .contentWindow .postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');

单击关闭按钮后,我有一个YouTube视频在后台播放……以下是我无法使用的jQuery:

$('#close1').on('click', function() {
    //  $('#video1').stopVideo();
    $('#video1')[0]
        .contentWindow
        .postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');    

});

下面是一个示例:

我发现这个有趣的线程与这个问题相关,它有很多解决方案的建议,也许其中任何一个都适用于您:


更改1-此处iframe src url应为空

<div id="openModal1" class="modalDialog">
    <div>
        <a href="" title="Close" class="close" id="close1">X</a>  
        <iframe width="600" height="338" src="" class="homeVideo" id="video1" allowfullscreen="true" allowscriptaccess="always"></iframe>       
    </div>  <!----END modal-body ---->
</div>  <!----END modal ---->

不使用YouTube的iframe_API;您可以简单地使用:

iframe.contentWindow.postMessage(message, origin);
将消息发送到iframeWindow(从父窗口)。这些消息可以包括“播放视频”、“暂停视频”、“停止视频”、“静音视频”等。。(任何视频服务,在本例中为youtube,都支持)

请查看下面的链接以获取实时演示:


谢谢你的链接。这个问题有很多不同的解释。jax297解决方案几乎可以在这种情况下工作——奇怪的是,视频在关闭后几秒钟内再次启动。我正在寻找一种方法,当“关闭”按钮按下时,从YouTube URL中删除“?autoplay=1”。clickedIt很高兴看到它在某种程度上帮助了你,祝你工作顺利:)但是我们如何从暂停的位置开始视频?