Bring menus to the front of embedded elements

[Bitedge]

Hi guys,

The top navigation bar drop downs and the mini menu when scrolling are being blocked off by videos or banners when they should be displayed over them like they are displayed over all other content. See screenshots.

How to do?

[laranz – SUPPORT]

Hi,

1. Can you show us the first pictures actual URL?
2. The menu is above the flash banner, in my side.. Which browser you checked?

Thanks,
laranz.

[Bitedge]

The first picture url is http://australian-sports-betting-guide.com.au/sports-betting-videos/

The problem I am describing is present in Chrome and explorer not in firefox.

[laranz – SUPPORT]

Hi,

1. Can you try this while embed youtubes? http://userguide.expand2web.com/sub-menu-is-behind-and-covered-by-youtube-video/

Thanks,
laranz.

[Bitedge]

So the code was

[embed width="640" height="360"]http://www.youtube.com/watch?v=WrYdwcNjP0I[/embed]

I tried making it

[embed width="640" height="360"&wmode=transparent]http://www.youtube.com/watch?v=WrYdwcNjP0I[/embed]

and I tried that without the &. It did not work the video is still infron of the mini menu and drop downs.

With the original embedded script as you see there what should I change it to?

By the way modified script fixed this problem http://support.swiftideas.net/forums/topic/embeded-youtube-video-size/ lol

[laranz – SUPPORT]

Hi,

Try it like this.

<iframe width="640" height="480" src="http://www.youtube.com/embed/OWl01JD-CtQ?wmode=transparent" frameborder="0" allowfullscreen="" wmode="Opaque"></iframe>

Let me know, what you got.

Thanks,
laranz.

[Bitedge]

Yes that works (after the edit you did) so should I put all my vids in that way? just replace the url there with the url of whatever vid I want to embed?

or could I just add

” wmode=”Opaque”

to how I already have them? if so where would I add that? (see the current code in previous posts

[Bitedge]

okay I got a video behaving well by using

<iframe width=”640″ height=”480″ src=”http://www.youtube.com/embed/WrYdwcNjP0I?wmode=transparent&#8221; frameborder=”0″ allowfullscreen=”” wmode=”Opaque”></iframe>

Thanks

what about the banners? see second screenshot

[laranz – SUPPORT]

Hi,

can you try this, while adding flash objects?

<param name="wmode" value="transparent">

PS: Sorry for a late reply..

Let me know, what you got.

Thanks,
laranz.

[Melanie – SUPPORT]

Fantastic!

[Bitedge]

Thanks, So the original banner code is

<p style="text-align: center;"><!-- Affiliate Code Do NOT Modify--><object id="affMV2477" width="728" height="90" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="always" /><param name="flashvars" value="creativeURL=http://www.sportingbet.com.au/partners.asp?btag=a_1205b_2477" /><param name="src" value="http://partners.sportingbet.com.au/processing/impressions.asp?btag=a_1205b_2477" /><param name="allowscriptaccess" value="always" /><param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" /><embed id="affMV2477" width="728" height="90" type="application/x-shockwave-flash" src="http://partners.sportingbet.com.au/processing/impressions.asp?btag=a_1205b_2477" allowScriptAccess="always" flashvars="creativeURL=http://www.sportingbet.com.au/partners.asp?btag=a_1205b_2477" allowscriptaccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
<!-- End affiliate Code--></p>

And I changed it to

`<p style=”text-align: center;”><!– Affiliate Code Do NOT Modify–><object id=”affMV2477″ width=”728″ height=”90″ classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”allowScriptAccess” value=”always” /><param name=”flashvars” value=”creativeURL=http://www.sportingbet.com.au/partners.asp?btag=a_1205b_2477″ /><param name=”src” value=”http://partners.sportingbet.com.au/processing/impressions.asp?btag=a_1205b_2477&#8243; /><param name=”allowscriptaccess” value=”always” /><param name=”pluginspage” value=”http://www.macromedia.com/go/getflashplayer&#8221; /><embed id=”affMV2477″ width=”728″ height=”90″ type=”application/x-shockwave-flash” src=”http://partners.sportingbet.com.au/processing/impressions.asp?btag=a_1205b_2477&#8243; allowScriptAccess=”always” flashvars=”creativeURL=http://www.sportingbet.com.au/partners.asp?btag=a_1205b_2477″ allowscriptaccess=”always” pluginspage=”http://www.macromedia.com/go/getflashplayer&#8221; /><param name=”wmode” value=”transparent”></object>
<!– End affiliate Code–></p>’

That fixes the problem in IE but not in chrome which is what the majority of visitors use.

[laranz – SUPPORT]

Hi,

That didn’t happen in my chrome, I will forward this to another support staff to look.

Thanks,
laranz.

[Melanie – SUPPORT]

Hi, I don’t see any problem on http://australian-sports-betting-guide.com.au/sports-betting-videos/ on my chrome – can you specify what I need to look for?

[Bitedge]

We found a solution for individual videos in the above posts and I applied it to the top video on that page (Understand Odds as Probability With Overround) so you wont see any problems there, I have not done it to all the videos on that page yet so you can still see it by scrolling down to the lower videos if you like.

But we moved on to how to prevent it from happening on flash banners such as on this page http://australian-sports-betting-guide.com.au/wagering-industry-careers/. See original screen shots.

It would be much better if it there were a solution that would work across the site rather than having to modify every individual embedded object…

[Melanie – SUPPORT]

Hi, I don’t see any problem whatsoever on that page http://australian-sports-betting-guide.com.au/wagering-industry-careers/

Can you show me a screenshot?