Flowplayer在模态窗口之上

Question

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

我还在我的Web应用程序中使用模态窗口.我正在使用这个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"
            }
        }
    });