0

我有一个我正在使用的 flowplayer，它下面有几个 div 标签。当您单击 div 标签时，它将在页面上显示另一个 div 标签，类似于对话框。问题是 flowplayer 将始终位于 div 之上。

我尝试设置 div 的 z-index，但它不起作用。

flowplayer 中是否有一种方法可以降低其 z-index 或允许将我的 div 放在它上面？

我也为 flowplayer 使用 wmode 属性，但它仍然不起作用。

以下是我的代码：

<script type="text/javascript" src="/common/js/flowplayer-3.2.9.min.js"></script>
<a href="<?php echo $this->hotelVideoUrl; ?>"
   style="display:block;width:304px;height:208px; z-index: -1; position: relative;"
   id="player">
</a>

<script language="JavaScript">
    flowplayer("player", "/common/js/flowplayer-3.2.10.swf",{         
        clip:  {
            autoPlay: true,            
            autoBuffering: true            
        },
        wmode: 'opaque/transperent'
    });
</script>
4

3 回答 3

3

根据文档，您应该将 wmode 放在第二个参数中，例如：

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

所以我想在你的情况下，如果你可以尝试下面的代码：

<script type="text/javascript" src="/common/js/flowplayer-3.2.9.min.js"></script>
<a href="<?php echo $this->hotelVideoUrl; ?>"
   style="display:block;width:304px;height:208px; z-index: -1; position: relative;"
   id="player">
</a>

<script language="JavaScript">
    flowplayer("player", {
        src : "/common/js/flowplayer-3.2.10.swf",
        wmode: 'opaque'}, {         
        clip:  {
            autoPlay: true,            
            autoBuffering: true            
        }
    });
</script>

你应该能够让它工作。让我知道它是否有效。

于 2012-06-01T00:47:38.870 回答
1

它应该通过使用...

wmode: "opaque"

编辑：您添加流播放器的方式与我的方式非常不同。

检查这个线程，因为我认为它可能会帮助你......

于 2012-05-31T12:11:24.603 回答
0

修改您以下代码：

wmode: 'opaque/transparent'

到

wmode: 'opaque' or wmode: 'transparent'
于 2012-06-05T05:22:42.367 回答