jQuery可拖動禁用包含內容的單擊功能

Question

我正在嘗試將Flash視頻（對象，swf）放置在div中，並使該div在用戶頁面上可拖動。 我的以下代碼在除Chrome（播放器中的所有按鈕都無法單擊）之外的所有其他功能上均能正常工作。 （您仍可以出於某些原因將鼠標懸停在按鈕上並獲得反饋，例如Flash Player中的鼠標懸停，但是您無法單擊它）

這意味着靜音，暫停，音量，全屏等在chrome中均已損壞。 單擊播放器上的任何位置都將其視為拖動單擊（播放器上任何位置的任何單擊都不會提供反饋，但是按住並拖動將拖動div）

我要尋找的是div周圍的可點擊/可拖動邊框，內部具有正常運行的視頻播放器（就像它在IE和FF中一樣），當用戶上下滾動頁面時，它會停留在屏幕上的當前位置內容。

我只是在我的js中運行以下命令：

$('#video').draggable();

我相關的CSS是：

#video
{
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 10px;
    border-radius: 10px;
    background-color: #0DD0FC;
    display: block;
    width: 640px;
    cursor: pointer;
    height: 360px;
}

在我的HTML中

<div id="video" style="z-index: 4500;">
        <object width="100%" height="100%">
            <param name="movie" value="http://www.domain.com/value;autoplay=true" />
            <param name="allowscriptaccess" value="always" />
            <param name="allowfullscreen" value="true" />
            <param name="wmode" value="transparent" />
            <embed src="http://www.domain.com/value;autoplay=true" type="application/x-shockwave-flash"
                allowfullscreen="true" allowscriptaccess="always" width="100%" height="100%"
                wmode="transparent"></embed></object> 
    </div>

Answer 1

您可以指定哪些孩子不應該激活可拖動對象 ，但恐怕我不能保證它如何與Flash內容一起使用。