Creative DW Menus Pack Forum


box Creative DW Menus Pack
Creative DW Menu Pack is a suite of Dreamweaver extensions that seamlessly blends the flexibility of DHTML and the Flash look and feel to create beautifully web site menus. The extension comes with over 30 built in skins that can be customized to suit the design (colors, fonts, size) and include a smart resize system that preserves round corners and the gradient fills when you change the menu size.

Find out more about Creative DW Menus Pack

Thread: Drop Down Menu Disappears Behind Video

back
Add Post
title left
User Details
message
title right
Eric Lundberg

post date:
2009-03-27 15:27:28
I must say that I am pretty upset at the support on this product. I submitted multiple requests directly from the Creative menu screen inside Dreamweaver never to hear anything back.

I am having an issue with one page of my site where the drop down menu disappears behind the included video on the page.

I had this issue with the drop down disappearing behind a flash element and used the wmode = transparent parameter to fix it. This does not correct the problem with this however.

Could somebody from Extend Studio please take a look at this URL and help me resolve the issue? http://www.phoenixsystem.com/general_information/gallery/video/index.htm

The weird part is that the drop down menus appear fine until the video loads, then the drop down menus disappear behind the video.

Please help. I cannot figure out why this is happening.

Thank you kindly
Vic Adams

post date:
2009-03-28 14:51:04
I had the same problem. Found the solution on Adobe's web site at...
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14201&sliceId=2

Hope this helps.
Vic Adams

post date:
2009-03-28 14:51:34
I had the same problem. Found the solution on Adobe's web site at...
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14201&sliceId=2

Hope this helps.
Eric Lundberg

post date:
2009-03-28 17:17:06
Hi Vic,

Thank you for the post. I am familiar with this issue where there are flash movies or files involved. I had to set the wmode=transparent parameters many times when involving Flash movies, videos, etc. and using extend's menu files.

This however is a Windows Media Movie and not a flash file. I did try setting the same parameters before making this post but to not avail.

I hope Extend Studio will provide assistance with this.

Thank you
Eric Lundberg

post date:
2009-03-28 17:17:23
Hi Vic,

Thank you for the post. I am familiar with this issue where there are flash movies or files involved. I had to set the wmode=transparent parameters many times when involving Flash movies, videos, etc. and using extend's menu files.

This however is a Windows Media Movie and not a flash file. I did try setting the same parameters before making this post but to not avail.

I hope Extend Studio will provide assistance with this.

Thank you
Andrei Rinciog [Extend Studio]

post date:
2009-03-30 11:30:22
Hello Eric,

Have you tried using z-index from CSS ? Maybe you can set the menu to be on a higher layer than the video.

I cannot get the movie to load on my browser and I can't test it at the moment. Do i need real player or something like that to be installed ?

Best regards,
Andrei Rinciog
Eric Lundberg

post date:
2009-03-30 11:49:49
Hi Andrei,

I tried adding a z-index from CSS to the menu id but that did not appear to fix the issue.

The video is a Windows Media Player video so you may need that plugin if you are viewing from outside of a PC or IE. I have the issue with the menu disappearing in both IE and Firefox and from both a PC and Mac.

I ahve this site completed but my client will not submit final payment until this issue is corrected.

Can you please find a solution to this issue ASAP?

Thank you,

Eric
Andrei Rinciog [Extend Studio]

post date:
2009-03-31 05:58:57
Hello,

I’ve searched the internet for solutions to this problem and I think that I found something. You need to change the way you embed that wmv into the HTML. I found something like this :

<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="your path">
<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">
<param name="WindowlessVideo" value="-1">
<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>

Please try it and tell me if it works.

Best regards,
Andrei Rinciog
Eric Lundberg

post date:
2009-03-31 09:52:05
Andrei,

The code you provided did not work but I ended up experimenting with different options of the above while changing the active X code so the popup screen didn't appear and finally found something that worked. Ultimately I think I needed to add a WindowlessVideo Parameter.

Here is the code that I used, maybe it will help somebody else when embedding a Windows Media Video using your Creative Menu Drop Downs.

<object id="MediaPlayer" width=640 height=360 classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components…" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">

<param name="filename" value="http://www.phoenixsystem.com/general_information/gallery/video/StacyDavid102108.wmv">
<param name="Showcontrols" value="True">
<param name="autoStart" value="True">
<param name="wmode" value="transparent" />
<param name="WindowlessVideo" value="-1">

<embed src="http://www.phoenixsystem.com/general_information/gallery/video/StacyDavid102108.wmv" width=320 height=240 autostart="True" type="application/x-mplayer2" name="MediaPlayer" filename="http://www.phoenixsystem.com/general_information/gallery/video/StacyDavid102108.wmv" showcontrols="True" wmode="transparent"></embed>
</object>

Thank you very much,

Eric
Eric Lundberg

post date:
2009-03-31 10:00:14
Andrei,

Well it fixed the issue in IE7 and looks perfect but it does not resolve the problem in Firefox. When I viewed it in FireFox 2.0.0.20 and 3.0.5 the code above makes the screen half the size it should be and you can clearly see the menu dropping in behind the video. It also does some type of weird flashing thing when you mouse over the drop downs. Please take a look to see if you can figure out the issue with Firefox.

Here is the link again. http://www.phoenixsystem.com/general_information/gallery/video/index.htm

I am getting so frustrated with this and I just need to get this issue resolved.
Kumar Harsh

post date:
2009-10-16 05:17:09
Hi Eric,

write the embed part like this,it work in firefox.
<script type="text/javascript">
document.write('<embed src="http://www.phoenixsystem.com/general_information/gallery/video/StacyDavid102108.wmv" width=320 height=240 autostart="True" type="application/x-mplayer2" name="MediaPlayer" filename="http://www.phoenixsystem.com/general_information/gallery/video/StacyDavid102108.wmv" showcontrols="True" wmode="transparent"></embed>')
</script>

Amrinder Singh

post date:
2010-09-28 03:59:07
Hello Eric

I am facing same problem in Google crome and in safari. I am using latest version of both browsers

this is the code which you provide.

object id="MediaPlayer" width=640 height=360 classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components…" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">

<param name="filename" value="http://www.phoenixsystem.com/general_information/gallery/video/StacyDavid102108.wmv">
<param name="Showcontrols" value="True">
<param name="autoStart" value="True">
<param name="wmode" value="transparent" />
<param name="WindowlessVideo" value="-1">

<embed src="http://www.phoenixsystem.com/general_information/gallery/video/StacyDavid102108.wmv" width=320 height=240 autostart="True" type="application/x-mplayer2" name="MediaPlayer" filename="http://www.phoenixsystem.com/general_information/gallery/video/StacyDavid102108.wmv" showcontrols="True" wmode="transparent"></embed>
</object>


I also used this code

<script type="text/javascript">
document.write('<embed src="http://www.phoenixsystem.com/general_information/gallery/video/StacyDavid102108.wmv" width=320 height=240 autostart="True" type="application/x-mplayer2" name="MediaPlayer" filename="http://www.phoenixsystem.com/general_information/gallery/video/StacyDavid102108.wmv" showcontrols="True" wmode="transparent"></embed>')
</script>


Please help me to solve this problem

Thanks
Amrinder SIngh
Andrei Rinciog [Extend Studio]

post date:
2010-09-28 06:46:59
Hello,

I've been searching the internet in the last couple of hours to find a solution to this problem but nothing. It seems like there is no way to overlap the wmv in Chrome, Firefox or Safari. It works on IE though.

Here are a couple of forums I've read:

http://www.sitepoint.com/forums/showthread.php?t=543926

http://www.geekpedia.com/tutorial152_Embedding-Windows-Media-Player-into-a-web-page.html (check the comments section)

Even tried putting the movie inside an iframe but that didn't work either. I will continue to search for a fix and I will post it here as soon as I find one. If you find a solution we would be very grateful if you could share.

Regards,
Andrei Rinciog
back
Add Post