的iFrame

內暫停使用YouTube視頻我在後臺播放YouTube視頻的關閉按鈕被點擊後......這裏的jQuery的，我不能去上班：的iFrame

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

});

下面是一個例子：http://georgehowell.biz/unsw1/index.html

來源

2016-11-27 George Howell

我發現有關這個問題這個有趣的線程，它有很多的解決方案建議，也許其中一個會爲你工作：

Stop embedded youtube iframe?

來源

2016-11-27 22:26:53 Gutierrez

感謝您的鏈接..這個問題的變種。 jax297解決方案在這種情況下幾乎可以工作 - 奇怪的是，視頻在關閉幾秒後再次啓動。我正在尋找一種方法，在點擊「關閉」按鈕時，將「？autoplay = 1」關閉YouTube的URL –

很高興看到它以某種方式幫助您，祝您的工作順利:) – Gutierrez

變化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：如何播放視頻只是設定自動播放的SRC URL =燁查詢字符串 - 我們不需要啓用JS的API：

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

變3 - 如何暫停 - 剛剛成立的IFRAME SRC爲空字符串：

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

來源

2016-11-28 04:06:28

但我們如何從暫停的位置開始播放視頻？ – Learner

不使用YouTube的iframe_API;你可以簡單地使用：

iframe.contentWindow.postMessage(message, origin);

發送消息給iframeWindow（從parentWindow）。這些消息可以包括「的playVideo」，「pauseVideo」，「stopVideo」，「muteVideo」等。（無論視頻服務，在這種情況下，YouTube的支持）

看看下面的現場演示的鏈接：

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

來源

2018-03-08 12:07:01

回答

相關問題