javascript - jQuery UI 对话框的视频问题

Question

在我的网站上，我使用 jQuery UI 对话框显示某些内容，其中包括视频。然而，一个大问题。每当我关闭对话框重新打开它时(有时在第一次运行时)，视频会下载而不是播放。

我试过的所有播放器(flowplayer、JW player 等)都会出现问题。要么是上述情况，要么根本不加载。

而且我直接从外部页面尝试过，没问题，所以一定是 jQuery UI 问题。

有解决办法吗？有人请吗？谢谢。

function openDialog(url) {
    $("<div class='popupDialog'>Loading...</div>")
        .dialog({
            autoOpen: false,
            closeOnEscape: true,
            width: '900',
            height: 'auto',
            modal: true,
            title: 'Bonus Features',
            autoResize: true,
            beforeClose: function(){   $(this).remove();   }
        }).bind('dialogclose', function() {
            jdialog.dialog('destroy');
        }).load(url, function() {
            $(this).dialog("option", "position", ['center', 'center'] ).bind('dialogopen', function() {
                    adjustJQueryDialogOverlay();
                });
                $(this).dialog("open");
        });
}

$(window).resize(function() {
    $(".ui-dialog-content").dialog("option", "position", ['center', 'center']);
});

Answer 1

使用 jquery nyromodal。它将解决您所有与视频相关的问题。 click to view nyromodal demo