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

我有一个模式对话框，上面有一个flash视频，我正在使用jQuery可拖动插件使其可拖动。在Chrome上，它不允许我播放视频（当我点击播放按钮时，它什么也不做，不过如果我按住鼠标，我可以拖动div）。在Firefox上，视频会播放，但鼠标会“卡”在div上，div会跟着它四处移动。有什么简单的方法可以防止在flash div上拖动吗？

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

使用指定的句柄选项初始化可拖动文件

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

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

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

来自

的文档请尝试以下代码：

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

}