我将此youtube视频嵌入到jQuery对话框中。对话框的创建方式如下:
$(function() {
$.prepare_dialog2 = function() {
$('body').append('<div class="dlgVid"></div>');
$('.dlgVid').dialog({ autoOpen: false, modal: true, position: ['center',100], resizable: false, width: 640 });
}
$.dlgVid = function(url,ttl) {
$.ajax({
type: 'POST', url: url,
success: function(data) { $('.dlgVid').dialog('open').dialog('option','title',ttl).html(data);},
error: function() { alert('Oops! An error occured. Please try again or contact us if the problem persists.');}
});
}
$.prepare_dialog2();
});
并使用
$.dlgVid
函数调用。在对话框窗口中,有一个关闭链接,单击该链接可关闭对话框,如下所示:$('.dlgCloser').live('click',function(){
$('.dlgVid').dialog('close');
});
,当我关闭对话框时,问题是,视频继续播放。我需要停下来。我尝试了一下,但没有成功(因为视频仍在播放中,我可以听到音频):
$('.dlgCloser').live('click',function(){
$('.dlgVid').dialog('destroy');
$.prepare_dialog2();
});
是否有人停止播放或为什么不从DOM中删除对话框?
最佳答案
我认为这种破坏实际上是将其隐藏起来,因此它为何仍在播放。试试这个:
$('.dlgCloser').live('click',function(){
$('.dlgVid').remove();
});
尽管这可能会解决问题,但是这也会删除
.dlgVid
的每个实例另外,从jQuery库中取消使用
.live()
。您应该使用.on()
。
关于jquery-ui - 如何在jQuery对话框中关闭嵌入式YouTube视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14149223/