如何阻止YouTube視頻在使用JavaScript或Jquery的Iframe中播放？

所以我有一個顯示YouTube視頻的模式。問題是，當我關閉模式時，我仍然聽到播放的視頻。我看了其他的解決方案，他們似乎沒有工作。請記住，我無法將ID應用於iframe，因爲Iframe是動態創建的。無論如何，當我關閉模式時，使用JavaScript或JQuery停止或暫停視頻？如何阻止YouTube視頻在使用JavaScript或Jquery的Iframe中播放？

我的代碼如下：

<script> 
(function($){ 
    $(document).ready(function() { 
    $('.b-close').on('click', function() { 
    $('iframe').get(0).stopVideo(); 
    }); 
})(jQuery); 
</script> 



<div id="element_to_pop_up" attrId="20"> 
    <a class="b-close">x</a> 
    <h3 class="pop-hd">Title</h3> 
    <div class="pretty-embed play" data-pe-videoid="nGSfaMxCu-U" data-pe-fitvids="true" data-pe-allow-fullscreen="false"> 

    <iframe width="330" height="186" style="border:none;" src="//www.youtube.com/embed/nGSfaMxCu-U?autoplay=1&amp;rel=1"></iframe> 

    </div> 

    </div>

來源

2016-03-17 Jimmy

http://jsfiddle.net/DIRTY_SMITH/3J2wT/721/ –

的[停用YouTube的可能的複製視頻與jQuery的？]（http://stackoverflow.com/questions/2128535/stop-a-youtube-video-with-jquery） –

你無法控制嵌入的iframe（不包括YouTube的自己的iframe，當然），如果你的代碼是不是有運行的視頻。

得到它停止的最簡單的解決方案，雖然是簡單地完全消除iframe中。

$('iframe').get(0).remove();

大概是什麼機制把它放在那裏擺在首位時，如果遊客需要重新打開同一面板開放模態就會把它回來了。

來源

2016-03-17 20:59:42 VoteyDisciple

很簡單。做以下，

<iframe id="vidstop" width="100%" height="96%" 
    src=""> 
    </iframe> 

btn.onclick = function() { 
$("#vidstop").attr('src','https://www.youtube.com/embed/....'); 
}

和點擊iframe之外後，

window.onclick = function(event) { 
if (event.target == modal) { 
    $("#vidstop").attr('src',''); 
}

}

來源

2017-03-06 06:55:13 Maulik

如何阻止YouTube視頻在使用JavaScript或Jquery的Iframe中播放？

回答

相關問題