埋め込み型フラッシュビデオを含むドラッグ可能なモーダルダイアログではビデオを再生できません

Question

私はそれにフラッシュビデオ付きのモーダルダイアログを持っており、ドラッグ可能にするためにjQueryドラッグ可能プラグインを使用しています。 Chromeでは、動画を再生できません（再生ボタンをクリックしても何もしませんが、マウスを押せばdivをドラッグできます）。 Firefoxでは、ビデオは再生されますが、マウスはdivに「スタック」し、divはその周りをたどります。いくつかの簡単な方法は、フラッシュのdivにドラッグを防ぐためにですか？

Answer 1

divに「ハンドル」を追加すると、divをドラッグできるのは、その領域をクリックしたときだけです。 divに要素を配置し、それをそのドラッグ可能なハンドルのハンドルとして指定するだけです。

ハンドルオプションを指定してドラッグ可能なオブジェクトを初期化します。

$(".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', 

}