Flowplayer 位于模态窗口上方

Question

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

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

模态窗口效果很好。唯一的问题是，当页面上任何地方有一个 flowplayer 视频时，我希望在单击某个链接后出现一个模态窗口，该 flowplayer 就会出现在模态窗口上方。页面的其余部分正确显示在模式窗口后面。

有什么想法如何解决这个问题吗？

我真的不想放弃 Flowplayer，因为它对我很有用，而且图形看起来也非常漂亮。

Answer 1

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

Answer 2

如何将 wmode = 透明参数传递到 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

请参阅此处，基本上：-

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

<参数名称=“wmode”
值=“透明”>

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

wmode="透明"

Answer 4

如果您使用 jQuery 设置 Flowplayer 参数，那么我们必须将其设置为：

 $f("playback", { src: js_path , wmode:"transparent" } , {
    clip: {
        url: videoFile ,           
        autoPlay:  false,
        autoBuffering: true,
        scaling: 'fit'            
    },

换句话说，不要在剪辑数组中设置该参数；那里行不通。

Answer 5

您是否尝试过将 Flowplayer 置于 z-index 为负的情况下？或者反过来，将模态框放在 z-index 高的位置？

Answer 6

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