Question

我正在尝试在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>

Answer 1

你可以specify which children should not activate draggable，但我无法保证我对Flash内容的效果如何。

jquery draggable禁用包含内容的点击功能

1 个答案: