Flowplayer玩一切

Question

我正在使用flowplayer，下面有几张图片。单击这些图片时，会创建dialog这些图片的放大版本。问题是flowplayer始终位于dialog。

之上

我尝试设置z-index高和dialog低的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：你应该替换第二个参数...而不是放在那里的网址字符串

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

Answer 2

您可能需要使用wmode="transparent"嵌入闪光灯。

与@ locrizak的答案一样，您也可以使用wmode="opaque"，这样做会更好，因为它的处理器密集程度较低。

这些应该有所帮助：

• http://flowplayer.org/forum/2/10645
• http://flowplayer.org/documentation/configuration/player.html#embedding

Answer 3

您需要在Flash对象上使用

wmode: "transparent/opaque" 

参数。

Answer 4

我遇到了这个问题，无论我尝试什么

，Flowplayer都不会添加wmode参数

我使用了这个jQuery片段，它解决了它！

$('#videocontainerid object').prepend('<param name="wmode" value="opaque">');

或每个对象：

$('object').prepend('<param name="wmode" value="opaque">');

Answer 5

见HTML Overlays in Flowplayer
示例代码：

flowplayer("player", {  
    src:"http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf",  
    wmode: "opaque" // This allows the HTML to hide the flash content  
    }, {  
    clip: {  
      url: 'http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv'  
    }  
});