2

我正在尝试在 div 中放置一个 flash 视频（对象、swf），并让该 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>
4

1 回答 1

4

您可以指定哪些孩子不应激活 draggable，但恐怕我不能保证这如何与 Flash 内容一起使用。

于 2012-06-13T16:29:31.110 回答