using FLV and getting menu to appear above flash

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
jordanwarner
Beginner
Beginner
Posts: 3
Joined: Fri Mar 13, 2009 9:24 pm

using FLV and getting menu to appear above flash

Post by jordanwarner »

Hi all, thanks for the great menu script and any help.

I've been working on trying to incorporate the Flash fix provided with the insert_active_flash.js script to keep my menus from appearing underneath an flv file that I have on the page. However (and I'm a bit of a novice, so forgive me if this is a silly question), I cannot get the fix to work with FLV files, only with SWF files.

For example, the workaround that uses "insert_active_flash.js" tells me to post code to the effect of:

Code: Select all

<script>
	myFlashObject=new Object
	myFlashObject.movie="/over.swf"
	myFlashObject.quality="low"
	myFlashObject.wmode="transparent"
	myFlashObject.width=850
	myFlashObject.height=550
	myFlashObject.version="5,0,0,0"
	commitFlashObject(myFlashObject, "myFlashDiv")</script>
However, I need to use an FLV file that also references a swf file for its video controls / skin. Right now my code is:

Code: Select all

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="270" height="152" id="FLVPlayer">
          <param name="movie" value="FLVPlayer_Progressive.swf" />
          <param name="salign" value="lt" />
          <param name="quality" value="high" />
          <param name="scale" value="noscale" />
          <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=video/home_video_500k&autoPlay=false&autoRewind=false" />
          <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=video/home_video_500k&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="270" height="152" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />   
</object>
I guess I'm trying to figure out how to reference the commitFlashObject within the type of code I have above, so I can still use the flv file. Maybe there's another way to reference FLV files that I'm not aware of, since I got this code directly from Dw. Can it be done? Again, sorry if I'm being naive here, just not sure how to make this work for an flv instead of a swf.

You can see the page at:
http://www.dunamascenter.com/
(this is the version prior to trying the fix)

Any help would be extremely appreciated! Thanks!
Jordan
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: using FLV and getting menu to appear above flash

Post by Ruth »

Hi Jordan,

There is no way to get that to work with your menu version. You are using version 3. That version is 6 years old and hasn't been supported in 4-5 years. You would need to get version 5. There is a converter available to convert your menu_array.js file to the new menu_data.js file that is used in version 5. It should keep your design just as you have it.

I do suggest that you get the newer menu since it is designed to work with the newer browsers and to keep up with all the web developments that have taken place. The links below will give you information on licenses and on the conversion of your menu_array.js file.

http://milonic.com/licensing.php
http://milonic.com/converter.php

Once you have upgraded, if you so decide, I'll be glad to help you with the problem

Ruth
jordanwarner
Beginner
Beginner
Posts: 3
Joined: Fri Mar 13, 2009 9:24 pm

Re: using FLV and getting menu to appear above flash

Post by jordanwarner »

Hi Ruth, thanks very much for your help! Not sure how I ended up with such an outdated version, but I've upgraded it now and posted it to:
http://www.dunamascenter.com/index-newmenu.html

It seems like simply upgrading has fixed the probem in IE, but not in FF. If you could provide any guidance on how to tweak my code to work with an flv video, I would greatly appreciate it!

Also, this is unrelated, but it appears that now that I upgraded, the font size on the menu is appearing differently in IE vs. FF - larger in FF. I've tried a few adjustments to fix this without success. Any thoughts?

Thank you SO much!
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: using FLV and getting menu to appear above flash

Post by Ruth »

Hi,

OK, you need <PARAM NAME="wmode" VALUE="transparent"> added to it, and then in the embed tag you must have this wmode="transparent";

That should fix it.

As to your data file. The conversion kind of has a couple of problems in it, not that they don't work, but that if you clean them up it is much easier to set up your designs.

1. Instead of adding the separatorsize, and separatorcolor to the styles it adds them to the items, so items are like this

Code: Select all

aI("text=Mission Statement;image=images/bullet.gif;url=about-missionstatement.html;;separatorsize=1")
You should remove that ;separatorsize=1" and make it

Code: Select all

url=about-missionstatement.html;");
in all of them. Then in your style 1 and style2 add the separatorsize and separatorcolor parameters like this:

Code: Select all

separatorsize=1;
separatorcolor="#ffffff";
The parameters in a style apply to any menu using that style. It saves a lot of coding. Also, the new menu uses the overfilter and outfilter of IE, so get rid of the effect at the top and add this to your styles

Code: Select all

overfilter="Fade(overlap=1.00, duration=0.2);Alpha(style=0, opacity=90);"
Also, alignment= has to be align=, and align="left"; is default so you don't have to specify it, followscroll=0; is also default so you don't have to specify that either.

I actually did the data file, cleaning up things so you can copy it if you like.

Code: Select all

_menuCloseDelay=500;
_menuOpenDelay=150;
_scrollAmount=3;
_scrollDelay=20;
_followSpeed=5;
_followRate=40;
_subOffsetTop=0;
_subOffsetLeft=6;


with(style1=new mm_style()){
offcolor="#000000";
offbgcolor="#54647C";
oncolor="#FFFFFF";
onbgcolor="#000000";
bordercolor="#000000";
borderstyle="solid";
borderwidth=0;
fontsize=10;
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Helvetica";
headercolor="#ffffff";
separatorcolor="#ffffff";
separatorsize=1;
overfilter="Fade(overlap=1.00, duration=0.2);Alpha(style=0, opacity=90);"
}

with(style2=new mm_style()){
offcolor="#FFFFFF";
offbgcolor="#995466";
oncolor="#FFFFFF";
onbgcolor="#774250";
bordercolor="#FFFFFF";
borderstyle="solid";
borderwidth=0;
fontsize=12;
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Helvetica";
padding=2;
pagecolor="#FFFFFF";
headerbgcolor="#1B3A29";
separatorsize=1;
separatorcolor="#ffffff";
overfilter="Fade(overlap=1.00, duration=0.2);Alpha(style=0, opacity=90);"
}

with(milonic=new menuname("mainmenu")){
top=220;
screenposition="center";
style=style1;
alwaysvisible=1;
orientation="horizontal";
aI("image=nav_about_off.gif;imagewidth=126;imageheight=34;showmenu=about;url=about.html;status=About");
aI("image=nav_marriage_off.gif;imagewidth=127;imageheight=34;showmenu=marriage;url=marriage.html;status=Marriage");
aI("image=nav_birthing_off.gif;imagewidth=112;imageheight=34;showmenu=birthing;url=birthing.html;status=Birthing");
aI("image=nav_familyservices_off.gif;imagewidth=175;imageheight=34;url=familyservices.html;;status=Family Services");
aI("image=nav_resources_off.gif;imagewidth=125;imageheight=34;showmenu=resources;url=resources.html;status=Resources");
aI("image=nav_partner_off.gif;imagewidth=106;imageheight=34;showmenu=partner;url=partner.html;status=Partner");
aI("image=nav_store_off.gif;imagewidth=83;imageheight=34;showmenu=store;url=store.html;status=Store");
aI("image=nav_contact_off.gif;imagewidth=136;imageheight=34;url=contact.html;;status=Contact Us");
}

with(milonic=new menuname("about")){
itemwidth=128;
style=style2;
aI("text=Mission Statement;image=bullet.gif;url=about-missionstatement.html;");
aI("text=Vision;image=bullet.gif;url=about-vision.html;");
aI("text=Meet the Staff;image=bullet.gif;url=about-meetthestaff.html;");
aI("text=Future Endeavors;image=bullet.gif;url=about-futureendeavors.html;");
aI("text=Intern Opportunities;image=bullet.gif;url=about-internopportunities.html;");
aI("text=Testimonies;image=bullet.gif;url=about-testimonies.html;");
}

with(milonic=new menuname("marriage")){
itemwidth=147;
style=style2;
aI("text=Counseling Model;image=bullet.gif;url=marriage-counselingmodel.html;");
aI("text=Pre-Marital Counseling;image=bullet.gif;url=mariage-premaritalcounseling.html;");
aI("text=Marriage Counseling;image=bullet.gif;url=marriage-marriagecounseling.html;");
aI("text=Marriage Seminars;image=bullet.gif;url=marriage-marriageseminars.html;");
aI("text=Ask a Counselor;image=bullet.gif;url=marriage-askacounselor.html;");
aI("text=Calendar;image=bullet.gif;url=marriage-calendar.html;");
aI("text=Cost;image=bullet.gif;url=marriage-cost.html;");
}

with(milonic=new menuname("birthing")){
itemwidth=240;
style=style2;
aI("text=One Day Choices in Childbirth Seminar;image=bullet.gif;url=birthing-onedaychoicesinchildbirthseminar.html;");
aI("text=Childbirth Prep Classes;image=bullet.gif;url=birthing-childbirthprepclasses.html;");
aI("text=Why We're Different;image=bullet.gif;url=birthing-whyweredifferent.html;");
aI("text=Preknowledge Questions;image=bullet.gif;url=birthing-preknowledgequestions.html;");
aI("text=Ask the Birth Educators;image=bullet.gif;url=birthing-askthebirtheducators.html;");
aI("text=Calendar;image=bullet.gif;url=birthing-calendar.html;");
aI("text=Cost;image=bullet.gif;url=birthing-cost.html;");
}

with(milonic=new menuname("resources")){
itemwidth=170;
style=style2;
aI("text=Articles;image=bullet.gif;url=resources-articles.html;");
aI("text=Interviewing Care Providers;image=bullet.gif;url=resources-interviewingcareproviders.html;");
aI("text=Archived Video Answers;image=bullet.gif;url=resources-archivedvideoanswers.html;");
aI("text=Recommended Reading;image=bullet.gif;url=resources-recommendedreading.html;");
}

with(milonic=new menuname("partner")){
itemwidth=157;
style=style2;
aI("text=Pray For Us;image=bullet.gif;url=partner-prayforus.html;");
aI("text=Scholarship Fund;image=bullet.gif;url=partner-scholarshipfund.html;");
aI("text=For Churches / Ministries;image=bullet.gif;url=partner-forchurchesministries.html;");
}

with(milonic=new menuname("store")){
itemwidth=180;
style=style2;
aI("text=Marriage / Premarital Material;image=bullet.gif;url=store.html;");
aI("text=Fiction by Pauline;image=bullet.gif;url=store.html;");
aI("text=Shaklee Products;image=bullet.gif;url=store.html;");
aI("text=Other Products;image=bullet.gif;url=store.html;");
aI("text=Donations;image=bullet.gif;url=store.html;");
}
drawMenus();
There is a demo for the IE Filters here if you'd like to play around with it. It's interactive. http://support.milonic.com/demos/filters/index.htm

Hope this helps :)

Ruth
jordanwarner
Beginner
Beginner
Posts: 3
Joined: Fri Mar 13, 2009 9:24 pm

Re: using FLV and getting menu to appear above flash

Post by jordanwarner »

Hi Ruth - it works beautifully!

I can't thank you enough for your time, concern and guidance. Thanks again, have a great day.
Post Reply