Question

点击关闭按钮后，我在后台播放了一段YouTube视频...这是我无法开始工作的jQuery：

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

});

以下是一个示例：http://georgehowell.biz/unsw1/index.html

Answer 1

我发现这个有趣的线程与此问题有关，它有很多解决方案的建议，也许其中任何一个都适合你：

Stop embedded youtube iframe?

Answer 2

不使用YouTube的iframe_API;你可以简单地使用：

Sector Name

将消息发送到iframeWindow（来自parentWindow）。这些消息可以包括＆＃34; playVideo＆＃34;，＆＃34; pauseVideo＆＃34;，＆＃34; stopVideo＆＃34;，＆＃34; muteVideo＆＃34;等等..（无论视频服务，在这种情况下，youtube，支持）

点击下面的链接观看现场演示：

https://codepen.io/mcakir/pen/JpQpwm

Answer 3

更改1 - iframe src网址应为空白

<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 ---->

更改2：如何播放视频只需在查询字符串上使用autoplay = yup设置src URL - 我们不需要启用JS api：

＆＃13;

$('#thumb1').on('click', function(ev) {
	$("iframe#video1")[0].src = "https://www.youtube.com/embed/Lop0VCYdpGQ?rel=0&amp;wmode=transparent&autoplay=1";
});

＆＃13;

更改3 - 如何暂停 - 只需将iframe src设置为空字符串：

＆＃13;

    $('#close1').click(function(){
		$("iframe#video1")[0].src = "";
    });

＆＃13;

在iFrame中暂停YouTube视频

3 个答案: