css - Flowplayer 播放一切

Question

我有一个 flowplayer，我正在使用它，下面有几张图片。当您单击这些图片时，会创建一个包含这些图片放大版本的对话框。问题是 flowplayer 将始终位于 dialog 之上。

我已经尝试将 dialog 的 z-index 设置为高，将 flowplayer 设置为低，但它不起作用。

flowplayer 中是否有一种方法可以降低其 z-index 或允许将我的 dialog 置于其上？

编辑 播放器如下:

//Uses flowplayer to create player
$f('#rightVideoContent', "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
    //Creates a single clip for the flow player
    clip: {
        url: videoLocation,
        autoPlay: true,
        autoBuffering: true
    },
    plugins: {
        controls: null
    },
    onLoad: function () {
        //Do nothing here
    }
});

这是 div

<div id = "rightVideoContent" class = "VideoDiv"></div>

我也用flowplayer-3.2.6.js

Answer 1

我想你错过的是:

<param name="wmode" value="transparent" />

a bit more about wmode

编辑:看看您的代码...要嵌入一个 swf 文件，您必须拥有类似的东西:

<object width="550" height="400">
    <param name="movie" value="somefilename.swf" />
    <embed src="somefilename.swf" width="550" height="400"></embed>
</object>

您只需添加另一个 <param ...在第一个之后

edit2: 你应该替换第二个参数......而不是放在那里的 url 字符串

{src: 'http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf', wmode: 'transparent'}