Question

我有一个我正在使用的流媒体，下面有几个div标签。当您单击div标签时，它将显示另一个div标签，就像页面上的对话框一样。问题是流程图总是位于div之上。

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

流媒体中是否有一种方法会降低其z-index或允许我的div放在它上面？

我也为流媒体使用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>

Answer 1

根据该文档，您应该将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>

你应该能够让它运作起来。如果有效，请告诉我。

Answer 2

它应该只使用...

wmode: "opaque"

编辑：你添加流媒体播放器的方式与我的方式截然不同。

检查this thread，因为我认为它可能对您有所帮助......

Answer 3

修改以下代码：

wmode: 'opaque/transparent'

要

wmode: 'opaque' or wmode: 'transparent'

wmode属性不适用于flowplayer

3 个答案: