Перетаскиваемый модальный диалог со встроенной флэш-видео не позволяет воспроизводить видео

Question

У меня есть модальное диалоговое окно с флэш-видео, и я использую перетаскиваемый плагин jQuery, чтобы сделать его перетаскиваемым.В Chrome он не позволяет мне воспроизводить видео (когда я нажимаю на кнопку воспроизведения, он ничего не делает, хотя я могу перетаскивать div, если удерживаю мышь).В Firefox видео будет воспроизводиться, но мышь «застревает» в div, и div следует за ним.Есть ли какой-нибудь простой способ предотвратить перетаскивание элемента div?

Answer 1

Попробуйте этот код:

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

}

Answer 2

Добавьте «дескриптор» к 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