Geek asks and answers

Flowplayer plays everything

I have flowplayerone that I use with a few pictures below. When you click on these snapshots, a dialoglarger version of these images is created. The problem is that flowplayerit will always be on top dialog.

I tried setting the z-indextop level dialogand flowplayerlow, but it does not work.

Is there a method in flowplayerthat will omit it z-indexor allow my placement dialogabove it?

Change . Heres theplayplayer:

//Uses flowplayer to create player
$f('#rightVideoContent', "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
    //Creates a single clip for the flow player
    clip: {
        url: videoLocation,
        autoPlay: true,
        autoBuffering: true
    },
    plugins: {
        controls: null
    },
    onLoad: function () {
        //Do nothing here
    }
});

And so div

<div id = "rightVideoContent" class = "VideoDiv"></div>

I use flowplayer-3.2.6.jsas well

+3
source share
5 answers

I think you missed:

<param name="wmode" value="transparent" />

little more about wmode

: ... SWF - :

<object width="550" height="400">
    <param name="movie" value="somefilename.swf" />
    <embed src="somefilename.swf" width="550" height="400"></embed>
</object>

, , <param ...

edit2: ... url,

{src: 'http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf', wmode: 'transparent'}
+5

wmode: "transparent/opaque"
flash.
+1

I had problems with this and Flowplayer did not add the wmode parameter no matter what I tried

I used this jQuery snippet and solved it!

$('#videocontainerid object').prepend('<param name="wmode" value="opaque">');

or for each object:

$('object').prepend('<param name="wmode" value="opaque">');
+1
source

see HTML overlay in Flowplayer
code example:

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

More articles:


All Articles