jquery可拖动禁用包含内容的单击功能

Question

我正在尝试将 Flash 视频（对象、swf）放在 div 中，并让该 div 可在用户页面周围拖动。我下面的代码在除了 Chrome 之外的所有东西都可以正常工作，其中播放器中的所有按钮都变得不可点击。 （出于某种原因，您仍然可以将鼠标悬停在按钮上并获得反馈，例如 Flash 播放器中的鼠标悬停，但您无法单击它）

这意味着静音、暂停、音量、全屏等在 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

您可以specify which children should not activate draggable，但恐怕我无法保证它如何与 Flash 内容一起使用。