Flowplayer 玩遍一切答案

【问题标题】：Flowplayer playing over everythingFlowplayer 玩遍一切
【发布时间】：2011-08-24 22:50:24
【问题描述】：

我有一个flowplayer，下面有几张图片。当您单击这些图片时，将使用这些图片的放大版本创建 dialog。问题是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

【问题讨论】：

标签： css video z-index flowplayer jquery-dialog

【解决方案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 ... 之后添加另一个<param ...

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

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

【讨论】：

我会把它放在头上还是放在制作 flowplayer 的 div 中？你有例子吗？
@SsRide360：您在嵌入视频播放器的 JavaScript 中放置了一些应用 wmode 且值为 transparent（或 opaque）的代码。请参阅我的答案中的链接。
@SsRide360 我猜你正在使用 javascript 来嵌入它......如果你告诉我你使用的是哪个库，我可以更具体:)
在编辑中，我将展示我使用的 flowplayer 以及我是如何制作它的（通过 js）
我试过这个$f('#rightVideoContent', {src: 'http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf', wmode: 'transparent'}，但我不断收到错误：missing ) after argument list

【解决方案2】：

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

在@locrizak 的回答中，您也可以使用wmode="opaque"，这样会更好，因为它占用的处理器更少。

这些应该会有所帮助：

【讨论】：

【解决方案3】：

你需要一个

wmode: "transparent/opaque"

flash 对象上的参数。

【讨论】：

【解决方案4】：

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

我使用了这个 jQuery sn-p 并且它解决了它！

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

或对于每个对象：

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

【讨论】：

【解决方案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'  
    }  
});

【讨论】：

太棒了。感谢您发布链接。