Javascript 为什么点击Google Chrome&；中弹出窗口的关闭按钮后，youtube视频会在后台运行；Internet Explorer？

我正在为我的网站使用PHP、jQuery、AJAX等。我正在将youtube视频显示到jQuery弹出窗口中。此弹出窗口在右上角有“关闭”按钮。当用户点击这个关闭按钮时，弹出窗口应该关闭，youtube视频应该停止。这在Mozilla Firefox中运行得很好，但在Google Chrome和Internet Explorer中却不行。 在Google Chrome和Internet Explorer中，单击关闭按钮后弹出窗口关闭，但视频在后台运行。youtube视频的声音甚至在关闭弹出窗口后出现。我不明白为什么会发生这种事。在这方面有人能帮我吗？谢谢你花了一些宝贵的时间来理解我的问题。等待您的答复。为了供您参考，我将在下面介绍该功能的HTML和jQueryAjax代码。看一看

HTML代码：

<div class="parter-mid">
  <a href="#" class="show_video_popup"><img src="images_new/videoimage.jpg" border="0" alt="Our Website on television" width="243" /></a>
</div>

<script language="javascript" type="text/javascript">
    $(".show_video_popup").click(function(e) {      
    e.preventDefault();

        var dialog_title      = "Our Website on Television";              
        var dialog_message    = "<iframe width='560' height='315' src='//www.youtube.com/embed/hj-c_cDKj0g?autoplay=1' frameborder='0' allowfullscreen></iframe>"; 

        var $dialog = $("<div class='forget_pass'></div>")
            .html(dialog_message)
            .dialog({
                autoOpen: false,
                modal:true,
                title: dialog_title,
                width: 590,
                close:{
                }
            });
        $dialog.dialog('open');             
 });
</script>

jQuery AJAX代码：

<div class="parter-mid">
  <a href="#" class="show_video_popup"><img src="images_new/videoimage.jpg" border="0" alt="Our Website on television" width="243" /></a>
</div>

<script language="javascript" type="text/javascript">
    $(".show_video_popup").click(function(e) {      
    e.preventDefault();

        var dialog_title      = "Our Website on Television";              
        var dialog_message    = "<iframe width='560' height='315' src='//www.youtube.com/embed/hj-c_cDKj0g?autoplay=1' frameborder='0' allowfullscreen></iframe>"; 

        var $dialog = $("<div class='forget_pass'></div>")
            .html(dialog_message)
            .dialog({
                autoOpen: false,
                modal:true,
                title: dialog_title,
                width: 590,
                close:{
                }
            });
        $dialog.dialog('open');             
 });
</script>

$（“.show_video_popup”）。单击（函数（e）{
e、 预防默认值（）；
var dialog_title=“我们的电视网站”；
var对话框_message=“”；
变量$dialog=$（“”）
.html（对话框消息）
.对话({
自动打开：错误，
莫代尔：是的，
标题：对话框标题，
宽度：590，
关闭：{
}
});
$dialog.dialog（'open'）；
});

---

提前感谢。

为什么要将关闭函数设置为

{}

？我怀疑这与问题有关。尽管对话框不可见，但从技术上讲，它仍然在页面上

尝试在关闭时完全销毁对话框并将其从页面中删除：

close: function() 
{ 
    $(this).dialog("destroy").remove();
}