Flowplayer在模式窗口上方

Question

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

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

模式窗口效果很好。唯一的问题是，在单击某些链接后，我想在其上有模式窗口的页面上的任何位置出现流播放器视频时，流播放器将出现在模式窗口上方。页面的其余部分正确显示在模式窗口的后面。

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

我不是真的想摆脱Flowplayer ebca，因为它为我提供了很好的服务，并且在图形上看起来也非常漂亮。

Answer 1

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

Answer 2

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

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

更多详细信息：http://flowplayer.org/documentation/api/flowplayer.html

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

示例：

无wmode：

$ f（“视频播放器”，“ flowplayer.swf” {插件：{控件：{buttonOffColor：“＃4523d3”，borderRadius：“ 0”，SliderColor：“＃4523d3”}}}）;

使用wmode：

$ f（“视频播放器”，{src：“ flowplayer.swf”，wmode：“透明”}，{插件：{控件：{buttonOffColor：“＃4523d3”，borderRadius：“ 0”，SliderColor：“＃4523d3”}}}）;

Answer 3

请参见here，基本上：-

[将以下参数添加到OBJECT标签：

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

wmode =“ transparent”

Answer 4

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

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

换句话说，不要在片段数组中设置该参数；在那不行。

Answer 5

[您是否尝试将Flowplayer放入带有负Z索引的？或相反，将模式框放入具有较高z索引的？

Answer 6

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