带有嵌入式Flash视频的可拖动模式对话框不允许播放视频

Question

我有一个带有flash视频的模态对话框，我正在使用jQuery draggable插件使其可拖动。在Chrome上，它不允许我播放视频（当我点击播放按钮时它什么也没做，但是如果我按住鼠标我可以拖动div）。在Firefox上，视频会播放，但是鼠标会被“卡住”到div并且div会跟随它。是否有一些简单的方法可以防止拖动flash div？

Answer 1

为div添加一个“句柄”，这将允许用户拖动div，但只有当他们点击该区域时。只需在div中放置一个元素，然后将其指定为可拖动的句柄。

使用指定的句柄选项初始化一个draggable。

$( ".selector" ).draggable({ handle: 'h2' });

在init之后获取或设置句柄选项。

// getter
var handle = $( ".selector" ).draggable( "option", "handle" );
// setter
$( ".selector" ).draggable( "option", "handle", 'h2' );

来自http://jqueryui.com/demos/draggable/#option-handle

的文档

Answer 2

试试这段代码：

$("#openDialog").dialog({
 autoOpen: false,
 modal: true,
 zIndex: -1,
 resizable: true,
 draggable: true,
 height: 'auto',
 width: '800',

}