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

Question

我有一个带有flash视频的模式对话框，我正在使用jQuery draggable插件来使其可拖动。在Chrome上，它不能让我播放视频(当我点击播放按钮时，它什么也不起作用，但如果我按住鼠标，我可以到处拖动div )。在Firefox上，视频可以播放，但鼠标被“卡住”在div上，div会跟随它。有什么简单的方法可以防止在flash div上拖拽吗？

Answer 1

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

使用指定的句柄选项初始化可拖动对象。

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

在初始化之后，获取或设置句柄选项。

// 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',

}