1

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

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

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

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

我真的不想摆脱 Flowplayer,因为它对我很有帮助,而且它在图形上看起来也很漂亮。

4

6 回答 6

5

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

于 2010-07-30T12:52:30.973 回答
5

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

Flowplayer 在 embed 调用中需要三个参数。
1) 容器 ID
2) 参数。(字符串或对象)
3)配置(插件或外观设置)

更多细节: http: //flowplayer.org/documentation/api/flowplayer.html

wmode 参数必须通过第二个参数传递。如果它是一个字符串,Flowplayer 期望它是 Flash 播放器的 URL。要传递其他参数,必须以 JSON 对象的形式完成。

例子:

没有 wmode:

    $f("视频播放器", "flowplayer.swf" {
            插件:{
                控制:{
                buttonOffColor: "#4523d3",
                边界半径:“0”,
                滑块颜色:“#4523d3”
            }
        }
    });

使用 wmode:

    $f("视频播放器", {
                src:"flowplayer.swf",
                wmode:“透明”
            }, {
            插件:{
                控制:{
                buttonOffColor: "#4523d3",
                边界半径:“0”,
                滑块颜色:“#4523d3”
            }
        }
    });

于 2012-01-05T19:59:10.687 回答
1

基本上看这里:-

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

<param name="wmode" value="透明">

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

wmode="透明"

于 2010-07-30T13:15:38.760 回答
1

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

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

换句话说,不要在剪辑数组中设置该参数;它不会在那里工作。

于 2012-03-14T07:57:05.140 回答
0

您是否尝试过将 Flowplayer 放入具有负 z-index 的 a 中?或者反过来,把模态框放在 z-index 高的地方?

于 2010-07-30T12:01:14.253 回答
0

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

于 2010-07-30T12:49:15.610 回答