Set wmode=opaque.
Set the player container's z-index to 0
Set the menu's z-index to 1
Use absolute positioning for both the player container and the menu.
Search the Forums for: "wmode opaque z-index"
You will find many much more detailed examples.
Navigation menus displaying behind image rotator
Posted: Thu, 2009-02-05 14:41
lefTy
Posted: Mon, 2009-02-09 19:56
atif
Hi.
where did you set the opaque?
on the ratator javascript code?
thanks
Posted: Fri, 2009-11-20 06:43
Kostas
Does anyone know what is the equivalent for windows media video (wmv)?
I have tried this:
<object id="media1" type="video/x-ms-wmv" style="width: 261px; height: 197px; z-index: -2;">
<param name="filename" value="housewarming_mov.wmv" />
<param name="currentPosition" value="55.612" />
<param name="wmode" value="opaque"/>
<param name="WindowlessVideo" value="-1">
<EMBED type="application/x-mplayer2" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"
id="mediaPlayer" name="mediaPlayer" src="housewarming_mov.wmv" WIDTH="261" HEIGHT="197" wmode="transparent"></EMBED>
</object>
After a lot or research I found these parameters, but they do not seem to work.
The following parameter does the trick for IE:
<param name="WindowlessVideo" value="-1">
It makes a difference on Firefox 3.5 as the submenu appears on top of the video, but it completely screws up the video refresh as you get black areas and duplicate videos appearing in the page!
Still, it has no effect in Chrome or Safari.
Is there anything that may allow a menu to appear above the wmv video in all browsers?
Thanks, setting wmode opaque was exactly what was needed!