Joomla! • View topic - All videos flash file hides drop-down menu

Board index » Joomla! Older Version Support » Joomla! 1.5 » Extensions for Joomla! 1.5 » Plugins for Joomla! 1.5

Forum rules

Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.

All videos flash file hides drop-down menu

Moderators: pe7er, General Support Moderators

Page 1 of 1

[ 29 posts ]

Print view

Previous topic | Next topic

Author

Message

LAMF

Post subject: All videos flash file hides drop-down menu

Posted: Thu Mar 11, 2010 3:30 pm

Joomla! Guru

Joined: Fri Jul 03, 2009 9:51 am
Posts: 625

I have the all videos plug-in from JoomlaWorks installed and it works like a charm but I donät find any solution to the fact that my horizontal drop-down menu gets hidden by flash movies on some pages of my site.
How do I solve that?
Here's the website(still demo)

Anyone pleeeease...

_________________
Född naken blöt och hungrig
www.gagneffiske.se
www.fly-tiers.se

Top

elmotardo

Post subject: Re: All videos flash file hides drop-down menu

Posted: Thu Mar 11, 2010 10:14 pm

Joomla! Apprentice

Joined: Tue Aug 18, 2009 4:34 pm
Posts: 20

I also have the same problem using random flash modul, when i put in below my topp menu it covers the dropp dovn menu.
Same problem probably and im like LAMF happy for suggestions.

Top

LAMF

Post subject: [SOLVED] Re: All videos flash file hides drop-down menu

Posted: Fri Mar 12, 2010 12:10 pm

Joomla! Guru

Joined: Fri Jul 03, 2009 9:51 am
Posts: 625

elmotardo: I solved it!

Make this rule for the <div> or as I did it the <p> container that embeds the flash movie:

{position:relative;z-index:1;} f

Code in html (article):

<p>{swf}flashmovie{/swf}</p>

I made a global rule that applies to all <p> containers for articles.

Then you have to apply the following css rules for the menu wrapper:

<div id="menu-wrap"></div>

#menu-wrap {position:relative;z-index:99;}

And voila it works, cross browsers and no hazzles.

_________________
Född naken blöt och hungrig
www.gagneffiske.se
www.fly-tiers.se

Top

elmotardo

Post subject: Re: All videos flash file hides drop-down menu

Posted: Fri Mar 12, 2010 7:57 pm

Joomla! Apprentice

Joined: Tue Aug 18, 2009 4:34 pm
Posts: 20

Thanx works fine

Top

thankful

Post subject: Flash file hides drop-down menu - easier solution?

Posted: Fri May 14, 2010 11:03 am

Joomla! Apprentice

Joined: Fri Feb 26, 2010 11:12 am
Posts: 5

I have the same problem with a drop down (Artisteer template) hiding behind a AllVideo Reload Module. The solution described above, I am seemingly too inexperienced to implement. I cannot find anywhere to put the code - the one that shows up in my module under Parameters and "Media code" is simply:

{swf width="380" height="250" autostart="true" shownav="false" repeat="true"}aa{/swf}

Where and how do I add code that places the film behind the drop down?

Much appreciating any help!
Cecilia

Top

LAMF

Post subject: Re: All videos flash file hides drop-down menu

Posted: Fri May 14, 2010 8:53 pm

Joomla! Guru

Joined: Fri Jul 03, 2009 9:51 am
Posts: 625

You have to set up a global rule i the template in the file template.css for example that sets

* p{position:relative;z-index:1;}
* is the container for the main content (check the name of the container in firebug for example)
Then you have to give the container that wrpas the menu a high z-index to have it appearing above the flash element:
#menu-wrap {position:relative;z-index:99;} (my menu-wrpapper is menu-wrap so again check with firbug in firefox to see the name of the menu wrapper in your case)
For your article then add this;
<p>{swf width="380" height="250" autostart="true" shownav="false" repeat="true"}aa{/swf}
</p>

You can also do this manually in each article if you don't want to mix withj the global settings for the p element:

<p style="position:relative;z-index:1;">{swf width="380" height="250" autostart="true" shownav="false" repeat="true"}aa{/swf}
</p>

But you still have to set up the z-index: 99; for the menu-wrapping container.

Good luck!

_________________
Född naken blöt och hungrig
www.gagneffiske.se
www.fly-tiers.se

Top

kenmcd

Post subject: Re: Flash file hides drop-down menu - easier solution?

Posted: Sat May 15, 2010 5:26 am

Joomla! Champion

Joined: Thu Aug 18, 2005 2:09 am
Posts: 5154
Location: California

thankful wrote:

Flash over menu items issue:
Flash by default floats in a window above the page.
This behavior is controlled by the Flash Player browser plug-in Window Mode (wmode) setting.

The AVR v1.2.6 content plug-in has a setting for wmode.
In the Joomla Plugin Manager find the Content - AllVideos Reloaded plug-in.
Change the Flash display mode from window to opaque, Save.
Flash content will now be in the page like other content.

SWF tag issues:
In AVR v1.2.6 the SWF tag is connected to the JW Media Player.
Usually this does not work properly to "play" most SWF files which are more than just video.
The JW Media Player cannot control playback of a SWF.
From their website - "Though SWF files also load in the player, it is discouraged to use them.
The player cannot read the duration and dimensions of SWF files and cannot control its volume or playback."

Use the {flash} tag instead.
{flash width="380" height="250"}aa{/flash}

Generally the autostart, looping, etc. should be controlled within the SWF file itself.

Note: you can also change the player connected to the SWF tags in AVR Manage Tags.
Change them to Plain Flash... , like the {flash} and {flashremote} tags.
Then when you paste in a SWF link, or select a local SWF file, the default SWF tags will work as expected.

.

_________________
██ AllMedia4Joomla Project
██ http://sourceforge.net/projects/allmedia4joomla/
██ AllMedia YouTube Feed Gallery module released
██ Download: http://sourceforge.net/projects/allmedia4joomla/files/

Top

LAMF

Post subject: Re: All videos flash file hides drop-down menu

Posted: Tue May 18, 2010 11:58 am

Joomla! Guru

Joined: Fri Jul 03, 2009 9:51 am
Posts: 625

Great information, many thanks!

_________________
Född naken blöt och hungrig
www.gagneffiske.se
www.fly-tiers.se

Top

Hyperdelicious

Post subject: Re: All videos flash file hides drop-down menu

Posted: Wed May 19, 2010 8:39 pm

Joomla! Apprentice

Joined: Fri Aug 28, 2009 2:20 pm
Posts: 8

I have Mega Menu installed... the drop-down menu is hidden behind AllVideos Reloaded's flash player.

I'm having problems locating where to change the z-index variable... any ideas?

Top

kenmcd

Post subject: Re: All videos flash file hides drop-down menu

Posted: Thu May 20, 2010 5:43 am

Joomla! Champion

Joined: Thu Aug 18, 2005 2:09 am
Posts: 5154
Location: California

Hyperdelicious wrote:

I have Mega Menu installed... the drop-down menu is hidden behind AllVideos Reloaded's flash player.

I'm having problems locating where to change the z-index variable... any ideas?

Have you changed the Flash display mode in AVR as described above?

.

Top

LAMF

Post subject: Re: Flash file hides drop-down menu - easier solution?

Posted: Thu May 20, 2010 8:41 am

Joomla! Guru

Joined: Fri Jul 03, 2009 9:51 am
Posts: 625

kenmcd wrote:

The AVR v1.2.6 content plug-in has a setting for wmode.
In the Joomla Plugin Manager find the Content - AllVideos Reloaded plug-in.
Change the Flash display mode from window to opaque, Save.
Flash content will now be in the page like other content.
.

I just tried to find the Flash Display Mode but didn't find that option in my AVR settings under Plug-ins in joomla...

_________________
Född naken blöt och hungrig
www.gagneffiske.se
www.fly-tiers.se

Top

kenmcd

Post subject: AllVideos Reloaded - Flash display mode

Posted: Thu May 20, 2010 9:11 am

Joomla! Champion

Joined: Thu Aug 18, 2005 2:09 am
Posts: 5154
Location: California

.
Plugin Manager > Content - AllVideos Reloaded > Plugin Parameters > Flash display mode

You do not have the required permissions to view the files attached to this post.

Top

LAMF

Post subject: Re: All videos flash file hides drop-down menu

Posted: Thu May 20, 2010 1:08 pm

Joomla! Guru

Joined: Fri Jul 03, 2009 9:51 am
Posts: 625

Aha that explains it all, the AVR is not All Videos from JoomlaWorks, no wonder I didn't find the settings. I found AVR though on another site and maybe that's a better plug-in as it has these flash settings built in.

_________________
Född naken blöt och hungrig
www.gagneffiske.se
www.fly-tiers.se

Top

Hyperdelicious

Post subject: Re: All videos flash file hides drop-down menu

Posted: Thu May 20, 2010 6:44 pm

Joomla! Apprentice

Joined: Fri Aug 28, 2009 2:20 pm
Posts: 8

thanks for the input... however... i discovered this fixed my issue:

under module manager... i selected my AllVideos ReLoaded video feed... in the right column set where it asks for Media Code... i pasted wmode="transparent" in the flv tag... as such:

{flv width="280" height="200" wmode="transparent"}one-awesome-video{/flv}

though i will probably switch video players... as i'd prefer one that show a screen clip or preview image of the film

Top

thankful

Post subject: Re: All videos flash file hides drop-down menu

Posted: Fri May 21, 2010 1:20 pm

Joomla! Apprentice

Joined: Fri Feb 26, 2010 11:12 am
Posts: 5

Thanks a million to kenmcd! I have been travelling, and it was great coming back to find your helpful comments. I fixed it in 5 seconds.
Bests
Cecilia

Top

kenmcd

Post subject: Re: All videos flash file hides drop-down menu

Posted: Fri May 21, 2010 2:30 pm

Joomla! Champion

Joined: Thu Aug 18, 2005 2:09 am
Posts: 5154
Location: California

Hyperdelicious wrote:

This is doing the same thing, just doing it on a per-tag basis rather than by default.
wmode="opaque" takes less of a performance hit than using wmode="transparent".

AVR - FLV with Preview Image
{flv width="280" height="200" img="one-awesome-video-preview.jpg"}one-awesome-video{/flv}

.

Top

Hyperdelicious

Post subject: Re: All videos flash file hides drop-down menu

Posted: Fri May 21, 2010 4:51 pm

Joomla! Apprentice

Joined: Fri Aug 28, 2009 2:20 pm
Posts: 8

thanks for the tips, kenmcd!

both worked very well... the menu now falls in front of the video and i now have a preview image for the video.

Top

sooppa

Post subject: Re: All videos flash file hides drop-down menu

Posted: Wed Aug 04, 2010 6:09 pm

Joomla! Apprentice

Joined: Tue Jun 29, 2010 5:43 pm
Posts: 11

Great solution Kenmcd...is there any simple fix like this avail for the regular All Videos?

If not, and I decide to change to Reloaded, would I have to make any additional changes in the site - aside from installing Reloaded and uninstalling All Videos? (I already have a bunch of videos on the site in articles as {youtube}{/youtube})

http://www.rockandwrapitup.org

Top

trylobyte

Post subject: Re: All videos flash file hides drop-down menu

Posted: Sun Nov 28, 2010 7:01 pm

Joomla! Fledgling

Joined: Sun Nov 28, 2010 6:42 pm
Posts: 4

kenmcd wrote:

Hyperdelicious wrote:

Hi Kenmcd,

The Fusion menu I´m using drops behind a video in Allvideos Reloaded

The issue occurs in Internet Explorer 7 but its ok in Firefox

The same happens with the plugin Allvideos

It happens with all bakground options: window, opaque and transparent

Now is set to opaque.

Joomla version 1.5.22

Do you know what can I do?

The screen shots are of Allvideos but now is installed Allvideos Reloaded with the same issue.

Thank you!

You do not have the required permissions to view the files attached to this post.

Last edited by trylobyte on Tue Nov 30, 2010 4:17 pm, edited 1 time in total.

Top

kenmcd

Post subject: Re: All videos flash file hides drop-down menu

Posted: Sun Nov 28, 2010 10:55 pm

Joomla! Champion

Joined: Thu Aug 18, 2005 2:09 am
Posts: 5154
Location: California

.
Your preview images show you were using QuickTime as the player.
The wmode parameter only affects Flash players.

I see now on your demo page that you have now switched to a Flash-based player.
And I see wmode is set to opaque.
And I see no issue with the menus being hidden in IE8.

So this appears to be solved.

.

Top

trylobyte

Post subject: Re: All videos flash file hides drop-down menu

Posted: Mon Nov 29, 2010 2:01 pm

Joomla! Fledgling

Joined: Sun Nov 28, 2010 6:42 pm
Posts: 4

kenmcd wrote:

Thank you for answer,

The problem remains. In Internet Explorer only displays the first menu item equipment, the next items drops behind the Allvideo Reloaded. Yes, the preview images were showing the player installed before, Allvideo who have the same problem.

Do you have any clue?

Thank you!

Problem solved!

At first the video did not finish loading in IE and disable javascript in the template for testing. This is why the menu was not displayed correctly.

Disabling "System.Ki-Mootools Control" prevents the drop down menu to falls behind the article title in IE.

Installing mootools upgrade and setting 1.2 version for the site fix the video (Allvideo Reloaded) not finish loading in IE.

Top

joelouw

Post subject: Re: All videos flash file hides drop-down menu

Posted: Fri Mar 18, 2011 7:30 am

Joomla! Apprentice

Joined: Tue Feb 15, 2011 8:57 pm
Posts: 44

Hi LAMF

I feel like thankful a while ago, and a bit like your avatar, scraching my head.
I have the same problem with my menu going behind stuff on my site: http://localhost:8888/thombesafari/index.php?option=com_content&view=article&id=106&Itemid=193
All I know is I need to play/look for wmode and z-index stuff, could you please please explain to me what I need to do and where I need to go to fix this issue.

PS :he menu drop down only goes in behind in Chrome on Mac and then Safari, Chrome and IE on PC.

What CSS should I start with????

Top

Riverside

Post subject: Re: All videos flash file hides drop-down menu

Posted: Thu Apr 07, 2011 5:27 pm

Joomla! Enthusiast

Joined: Mon Nov 05, 2007 8:54 pm
Posts: 211

joelouw wrote:

I have the same problem with my menu going behind stuff on my site: http://localhost:8888/thombesafari/index.php?option=com_content&view=article&id=106&Itemid=193
...
What CSS should I start with????

FYI: Start by fixing that link. That's a local server address. Nobody on the web can access it.

_________________
Don't let the number of stars fool ya! I spend most of my time in the "real world" working with and troubleshooting Joomla and the many extensions for it.

Top

joelouw

Post subject: Re: All videos flash file hides drop-down menu

Posted: Fri Apr 08, 2011 5:51 am

Joomla! Apprentice

Joined: Tue Feb 15, 2011 8:57 pm
Posts: 44

Problem sorted, I changed movie to flash - Thank you for help.
Thats why link no longer work.

Top

pach25

Post subject: Re: All videos flash file hides drop-down menu

Posted: Wed Nov 09, 2011 3:14 pm

Joomla! Intern

Joined: Mon Oct 03, 2011 6:13 pm
Posts: 56

Hello LAMF,

i tried to apply your solution but i don't find the lines you are talking about.

I have an Artisteer 3.1 template, Joomla 1.7, and i run Allvideos from joomlaworks (not AV Reloaded), AV Reloaded doesn't have a version for joomla 1.7.

I looked in template.css, and in the index.php file of my template.

Could you explain step by step what to change exactly where?

Thank you in advance!

Top

jordan_123

Post subject: Re: All videos flash file hides drop-down menu

Posted: Tue Jan 31, 2012 11:19 am

Joomla! Fledgling

Joined: Tue Jan 31, 2012 11:12 am
Posts: 1

Hello Guys,
I'm getting the same problem on a site I'm working on... I have tried fixing it as per LAMF instructions but no luck! Any help would be much appreciated!

Here is the test site: http://stillwalks.com/beta/

The conflicting dropdown menu is under "walks". I have positioned both items relative and then given the #NAVIGATION a z-index of 99 and the #VIDEO_HOLDER p a z-index of 1.

Thanks

Top

hargo

Post subject: Re: All videos flash file hides drop-down menu

Posted: Sat Feb 04, 2012 2:16 am

Joomla! Fledgling

Joined: Sat Feb 04, 2012 2:00 am
Posts: 1

jordan_123 wrote:

With no disrespect this is a very simple task. You do not have to go through changing the z-index or even getting into your file manager. Joomla supplies the neccessary tools to fix this.

" In global config. go to Default WYSIWYG Editor and make sure you have selected Editor - TinyMCE...
After you have done that go to Plugin-Manager and select Editor - TinyMCE..
On the right menu select under Functionality "Extended"
Now go into your article and notice you have many more options like Insert/edit Embedded Media..
Click on your flash file/Video when it is highlighted Click the Video Icon for Insert/ edit Embedded Media..
Now select Advanced in the pop up go to Wmode and select transparent..
Save your article and your done... The flash file or Video will be behind the drop down menu..

Top

markeee

Post subject: Re: All videos flash file hides drop-down menu

Posted: Mon Feb 13, 2012 4:17 pm

Joomla! Fledgling

Joined: Mon Feb 13, 2012 3:35 pm
Posts: 2

Hi, This is not exactly the same problem, but a similar topic, I wondered if anyone might be able to help?

I have problem using mootools mega menu with mootools slideshow.

mootools menu: www.aplusdesign.com.au/blog/mootools-me ... drop-down/
mootools slideshow: http://davidwalsh.name/mootools-slideshow

Theses are about the only 2 out of many dropdowns and slideshows that I could find that didn't conflict with anything else on the site hence why i am using mootools for everything.

Basically the problem is... user hovers over main menu item and the dropdown menu drops down infront of the slideshow, all is ok, all is normal..... whilst the mouse cursor is on the dropdown menu it should stay visible as it does, until your mouse goes onto the area where the slideshow is behind. As soon as the mouse touches this area (the mouse is still on the dropdown menu, but the slideshow is behind) the dropdown will disapear.
Please see link below, you will see what I mean.
www.urbanfitnesstraining.co.uk

Any help/pointers or anything would be much appreciated!
Thanks in advance!

Top

andrewltqmi

Post subject: Re: All videos flash file hides drop-down menu

Posted: Thu Mar 14, 2013 8:55 am

Joomla! Apprentice

Joined: Fri Feb 01, 2013 9:14 am
Posts: 48

hargo wrote:

jordan_123 wrote:

It's people like you who make my day better, my life easier and my mood happier.

Top

Page 1 of 1

[ 29 posts ]

Board index » Joomla! Older Version Support » Joomla! 1.5 » Extensions for Joomla! 1.5 » Plugins for Joomla! 1.5

Who is online

Users browsing this forum: No registered users and 0 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:

Welcome to Joomla!

Recent Joomla! News

Support Joomla!

What Is Joomla?

Joomla! for Business

Joomla! for Developers

Learn more about Joomla!

Connect!

Support!

Read!

Get involved with Joomla!

Directories

Developers

Download Joomla! 2.5

Download Joomla! 3.1

Getting Started with Joomla!

Internationalization

The Joomla! Forum ™

Forum rules

All videos flash file hides drop-down menu

Who is online