.wmv object goes below the menu, higher z-index, wmode transparency doesn't help

I am trying to use a drop down menu above a .wmv object where the clip is below the menu. The menu needs to display on top of the .wmv object. It works when I embed a mp3 or flash file but not for a wmv file.

The WMode = transparent is not helping me.

Please see the wrong behaviour here > http://nov-exl.com/test/

OK now this might solve your problem:

I think that’s a solution to IE’s z-index bug… if so, setting a really high z-index on the PARENT of the drops instead of on the drops usually solves it instead of the whole iframe thing…

but usually with Flash this happens with other browsers too. There’s another thread floating around here somewhere that had the same problem and I think Paul solved it…

Thank you for the replies…

The suggested work around floating in forums usually speak of a higher z-index and setting the wmode to transparent, this doesn’t solve the problem. I am yet to look into the iframe solution.

About the z-index. Stomme poes said really high z-index, try a minimum of 1000, it can sometimes make a difference in IE6. :slight_smile:

Looked at the source and I think separating the now nested tables could do the trick. The stacking context is now the same for them, and the menu-child can not get higher than its table-parent.

But first you should try set the z-index on the menu-table, as Stomme said.

Edit)
Looking again it could be that the script gives the #dropmenudiv its own stacking though, then I too would try the iframe solution Alecrust suggested.

Yeah, I’d try my hardest to make iFrames a last solution, when all else fails. iFrames aren’t evil, just… lock puppies in old refrigerators.

*edit, well, according to Paul in this thread: http://www.sitepoint.com/forums/showthread.php?t=543538
the iFrame is the only solution, unless… I thought I heard somewhere that Flash also gets “set on top” of the page always too… dunno if that’s the same for wmv files.

Thank you for the replies, highly appreciated. We are also evaluating the possibility of using flv videos instead of wmv files. If nothing works, we will go with the iframe approach.

FLV might be more easily seen by more people. Whatever .wmv is (windows movie file?), I don’t have it, sitting on my Linux box. I think that’s why Youtube sets all their files to .flv no matter how they come in, so that they have a most-playable standard video format.

Hi,

I don’t think the iframe approach will work for browsers other than IE.

For the media player you don’t need the iframe for IE anyway as you can use one of IEs parameters.

<param name=“WindowlessVideo” value=“-1”>


<OBJECT id="mediaPlayer" width="230" height="190"
      classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
      standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">
                    <PARAM NAME="fileName"  VALUE="http://nov-exl.com/test/FactFinders.wmv">
                    <param name="ShowDisplay" value="false">
                    <PARAM NAME="ShowStatusBar" VALUE="0">
                    <param name="wmode" value="opaque">
                    <param name="autoStart" value="false">
                    <param name="showControls" value="false">
            [B]        <param name="WindowlessVideo" value="-1">[/B]
                    <EMBED type="application/x-mplayer2" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"
        id="mediaPlayer" name="mediaPlayer" src="http://nov-exl.com/test/FactFinders.wmv" WIDTH="230" HEIGHT="190" wmode="transparent"></EMBED>
                </OBJECT>


Paul, thanks a ton… you are my Hero. That works, since this is for our corp Intranet, this solution should do for us.

Thank you once again and continue the great work!

Just wanted to thank Paul O’B for his solution to the drop down menus dropping behind an embedded wmv. Works great in IE7.

You’re welcome :slight_smile:

I also wanted to thank Paul B. for the solution.

Paul resolved the issue in IE7 for me as well.

Hi,

great solution. Works with IE7 and 8, but not with Firefox, with WMV movies.

I did a test page to check different kind of elements with different browsers

If somebody find some workaround for FF, please share.

Thanks
Jose

Hi, it’s working in my FF, which version are you using?

Aso I don’t know if this is exactly what Paul did since I’m not up to date with <param>'s but if z-index doesn’t put the items on top of hte flash, then add wmode=“transparent” to the object.