wmode property not working for flowplayer

Question

I have a flowplayer that I am using with a few div tags below it. When you click on div tag it will display another div tag same like dialog box over the page. The problem is the flowplayer will always be on top of the div.

I have tried setting the z-index of the div, but it doesn't work.

Is there a method in flowplayer that will lower its z-index or allow for my div to be placed over it?

I also use wmode property for flowplayer but still it doesn't work.

Following is my code:

<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>

score 3 · Answer 1 · answered Jun 01 '12 at 00:47

According to the document, you should put wmode in the second parameter, an example like:

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'
    }
});

So I guess in your case, if you can try below code:

<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>

You should be able to get it working. Let me know if it works.

score 1 · Answer 2 · edited May 23 '17 at 12:11

1

It should work by just using ...

wmode: "opaque"

Edit: The way you have added flow player is very different to how i do it.

Check this thread because i think it might help you ...

edited May 23 '17 at 12:11

Community

1
1

answered May 31 '12 at 12:11

Lex Eichner

1,056
3
10
35

1

I got wmode property from that thread and used it but still same problem – J.K.A. May 31 '12 at 12:17

score 0 · Accepted Answer · edited Jan 30 '13 at 01:25

0

Modify you following code :

wmode: 'opaque/transparent'

To

wmode: 'opaque' or wmode: 'transparent'

edited Jan 30 '13 at 01:25

Cat

66,919
24
133
141

answered Jun 05 '12 at 05:22

J.K.A.

7,272
25
94
163

wmode property not working for flowplayer

3 Answers3