如何使用JavaScript或Jquery阻止YouTube视频在Iframe中播放？

所以我有一个显示YouTube视频的模式。问题是，当我关闭模式时，我仍能听到视频播放。我看过其他的解决方案，但它们似乎不起作用。请记住，我无法将ID应用于iframe，因为iframe是动态创建的。当我关闭模式时，是否可以使用JavaScript或JQuery停止或暂停视频

我的代码如下：

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

（函数（$）{
$（文档）.ready（函数（）{
$（'b-close'）。在（'click'，function（）上{
$（'iframe'）.get（0.stopVideo（）；
});
})（jQuery）；
x
标题

如果代码没有在iframe中运行，则无法控制嵌入iframe的视频（当然不包括YouTube自己的iframe）

但是，让它停止的最简单的解决方案是完全删除iframe

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

---

想必，无论是什么机制在打开时首先将其放在那里，如果访问者需要重新打开同一面板，模态将再次将其放回。

很简单。请执行以下操作：

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

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

}

可能存在的副本

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