css - Flowplayer 玩遍一切

Question

我有一个flowplayer我正在使用的，下面有几张图片。当您单击这些图片时，会使用这些图片dialog的放大版本创建。问题是flowplayer将永远在dialog.

我试过设置高低的z-index，但它不起作用。dialogflowplayer

有没有一种方法flowplayer可以降低它z-index或允许我dialog被放置在它上面？

编辑继承人flowplayer：

//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也用

score 5 · Accepted Answer

我认为你错过的是：

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

关于 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'}

score 3 · Accepted Answer

您可能需要使用wmode="transparent".

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

这些应该有助于：

score 1 · Accepted Answer

1

你需要一个

wmode：“透明/不透明”

flash 对象上的参数。

于 2011-05-13T13:24:56.880 回答

score 1 · Accepted Answer

我遇到了麻烦，无论我尝试什么，Flowplayer 都不会添加 wmode 参数

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

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

或对于每个对象：

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

score 1 · Accepted Answer

请参阅Flowplayer
示例代码中的 HTML 叠加层：

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'  
    }  
});

css - Flowplayer 玩遍一切

5 回答 5

Related

Reference