Flowplayer在模态窗口之上

Question

在我的网络应用程序中，我有人们可以观看视频的网页。我正在使用Flowplayer播放Flash视频。你可以在这里看到它：http://flowplayer.org/

我还在我的网络应用程序中使用模态窗口。我正在用这个jQuery插件创建它们：http://code.google.com/p/jquery-modalbox-plugin/

模态窗口工作得很好。唯一的问题是当页面上的任何地方都有一个流程图视频，我希望在点击某个链接后出现模态窗口时，流程图会出现在模态窗口的上方。页面的其余部分正确显示在模态窗口后面。

任何想法如何解决这个问题？

我真的不想摆脱Flowplayer，因为它对我有好处，而且图形看起来也非常好。

Answer 1

您必须将wmode="transparent"设置为Flash文件。

Answer 2

如何将wmode = transparent参数传递给Flowplayer：

Flowplayer在嵌入调用中需要三个参数     1）集装箱ID
    2）参数。 （字符串或对象）
    3）配置（插件或外观设置）

更多详情：http://flowplayer.org/documentation/api/flowplayer.html

wmode参数必须通过第二个参数传递。如果它是一个字符串，Flowplayer希望它是Flash播放器的URL。要传递其他参数，必须将其作为JSON对象完成。

示例：

没有wmode：

    $f("video-player", "flowplayer.swf" {
            plugins: {
                controls: {
                buttonOffColor: "#4523d3",
                borderRadius: "0",
                sliderColor: "#4523d3"
            }
        }
    });

使用wmode：

    $f("video-player", {
                src:"flowplayer.swf",
                wmode:"transparent"
            }, {
            plugins: {
                controls: {
                buttonOffColor: "#4523d3",
                borderRadius: "0",
                sliderColor: "#4523d3"
            }
        }
    });

Answer 3

基本上见here： -

将以下参数添加到OBJECT标记：

  

＆lt; param name =“wmode”   值= “透明” ＆GT;

或者将以下参数添加到EMBED标记：

  

WMODE = “透明”

Answer 4

您是否尝试将Flowplayer置于具有负z-index的位置？或者反过来说，将模态框放在一个高z-index？

Answer 5

也许你可以覆盖生成的css来加载后更改z-index？找出生成了哪些类或元素，然后制作具有更高特异性的css规则来覆盖z索引。此外，您的代码是什么样的？