如何阻止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中播放？

回答

相关问题