jquery - wmode 属性不适用于 flowplayer

Question

我有一个 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>   

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>   

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