0

その下にいくつかのdivタグを付けて使用しているflowplayerがあります。divタグをクリックすると、ページ上にダイアログボックスのような別のdivタグが表示されます。問題は、flowplayerが常にdivの上にあることです。

divのz-indexを設定しようとしましたが、機能しません。

フロープレーヤーに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

ドキュメントによると、次のような例のように、2 番目のパラメーターに 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 に答える