AnyLink Menu Hides Behind Movie

[vlane95678]

1) Script Title: AnyLink JS Drop Down Menu v2.3

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...pmenuindex.htm

3) Describe problem: Menu is hiding behind MP4 movie

I hate having to post again, but we got help here when the menu was hiding behind a flash element, but now we have changed the video to a .mp4. I've set the z-index to 1000, and I have added <param name="wmode" value="transparent"> to the Object tag and wmode="transparent" to the Embed tag, but the menu is still behind the movie in Chrome, IE, and Safari.

Arrgh! It seems like such a simple concept but it is not working for me again. Can someone PLEASE look at my code and let me know what might be causing this? Thanks so much!


###################################

<OBJECT ID="MediaPlayer" WIDTH="563" HEIGHT="275" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">
<PARAM NAME="FileName" VALUE="/clients/pas/videos/home-movie.mp4">
<PARAM name="autostart" VALUE="true">
<PARAM name="ShowControls" VALUE="false">
<param name="ShowStatusBar" value="false">
<PARAM name="ShowDisplay" VALUE="false">
<param name="wmode" value="transparent">

<EMBED TYPE="application/x-mplayer2" SRC="/clients/pas/videos/home-movie.mp4" NAME="MediaPlayer" wmode="transparent" WIDTH="563" HEIGHT="275" ShowControls="0" ShowStatusBar="0" ShowDisplay="0" autostart="1">
</EMBED>

</OBJECT>

[azoomer]

Have you tried
<param name="wmode" value="opaque">
and
wmode="opaque"

[vlane95678]

1) Script Title: AnyLink JS Drop Down Menu v2.3

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...pmenuindex.htm

3) Describe problem: Menu is hiding behind MP4 movie

I hate having to post again, but we got help here when the menu was hiding behind a flash element, but now we have changed the video to a .mp4. I've set the x-index to 1000, and I have added <param name="wmode" value="transparent"> to the Object tag and wmode="transparent" to the Embed tag, but the menu is still behind the movie in Chrome, IE, and Safari.

Arrgh! It seems like such a simple concept but it is not working for me again. Can someone PLEASE look at my code and let me know what might be causing this? Thanks so much!


###################################

<OBJECT ID="MediaPlayer" WIDTH="563" HEIGHT="275" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">
<PARAM NAME="FileName" VALUE="/clients/pas/videos/home-movie.mp4">
<PARAM name="autostart" VALUE="true">
<PARAM name="ShowControls" VALUE="false">
<param name="ShowStatusBar" value="false">
<PARAM name="ShowDisplay" VALUE="false">
<param name="wmode" value="transparent">

<EMBED TYPE="application/x-mplayer2" SRC="/clients/pas/videos/home-movie.mp4" NAME="MediaPlayer" wmode="transparent" WIDTH="563" HEIGHT="275" ShowControls="0" ShowStatusBar="0" ShowDisplay="0" autostart="1">
</EMBED>

</OBJECT>

[vlane95678]

I tried making wmode opaque and it did not work. Please help!!!!!

[vlane95678]

Yes I did and that did not work. Please help!!!

[jscheuer1]

If it were Flash, using wmode transparent or opaque would have the same effect here. They only differ in how the background of the Flash is rendered. Both allow other content to appear over the Flash.

But that's not Flash. As far as I know there's no corresponding param/attribute for Media Player. My advice would be to convert your movie to Flash. Or move it away from the menu in the layout.

You can upload the mp4 file to YouTube and they'll convert it for you, even host it privately or publicly for you if you like.

[vlane95678]

The problem is we cant convert to flash because then it cannot be viewed on mobile devices and tablets. We are trying to stay far away from flash.

We cannot re-design the whole thing either to move it away from the movie object. It's 99% done.

Maybe another drop menu might work.

[jscheuer1]

I just Googled:

mediaplayer object wmode equivalent

and found:

http://stackoverflow.com/questions/6...object-z-index

According to it using:

<param name="windowlessVideo" value="true" />

for the object tag and the attribute:

 windowlessVideo="true"

for the embed tag will do it.

[vlane95678]

It will try that and post my findings so it might help someone else. IF I knew the keywords to type in Google then I am sure I could have found that solution as well. Thanks for the extra work and let's see if they are right....

[djr33]

I don't have much experience with windows media player plugins in browser, but I have found that in some Quicktime videos the image is directly played through video memory, bypassing the regular image output. For example, the video is not seen in screen captures [there are other ways around that, but those aren't relevant to this question]. This does not happen on a Mac, but it does using Windows. So, that means that in some cases it may actually be "physically" impossible to place the video behind a menu because the video is being generated on top of everything else. (I'm not sure if some programs might be able to work around this by hiding part of the video if it should be "behind" something else, such as when the window is narrow and only half of the video is visible, but it might not be possible using HTML to override any of that.)