Drop down menus drop BELOW YouTube video

[davidzatzcom 0]

If you use drop-down menus on the screen that shows the YouTube video, the menus drop below the video, making the whole thing look pretty cheesy. Is there a fix for this? Is there another sub-menu structure, like arranging them across the field instead of down? This might avoid show up under the video.

[Andrew 207]

Hi Dave, Can you upload a live link or screenshot? Also which browser/OS?

[davidzatzcom 0]

Tested on IE8, Firefox 3.5 and Firefox 3.0.15. On two different Windows XP Pro, SP3 machines (at least one of which is updated on everything, not sure about the other box):

[Andrew 207]

hmmm. well this doesn't happen on Mac Browsers.. I'll have to look at it closely for the next update.

[rmcnutt 0]

Any more work on or fixes to this. Running windows 7 and ie 8 and having same problem. www.focalpointcharleston.com Thanks,

[Andrew 207]

Sure I think we have it taken care of in the recent theme versions. Which version of the theme are you on?

[kevinsandlin 0]

I'm using WP2.9 and WHP 2.0.1 and I have this same problem. Also occurs with any flash object in the feature. Also, anyone have any issue with IE? In IE7 there are several display issues that are not present in Firefox or Chrome.

[Andrew 207]

Again we've fixed the problem in the recent theme versions; so if you need an update please email us at [email protected] Please report (w/ screenshots) any other issues you're seeing and we'll address them ...

[b3global 0]

Having the same problem. WP vs:2.9.1 Whitehouse pro template: 2.1.1 problem is present in: chrome 4.0.249.78 firefox 3.5.7 Internet Explorer 8

[dmrgraphics 0]

If you add the following to the embed tag for your video: wmode="transparent". Worked for me with a VIMEO video.

[Andrew 207]

`wmode="transparent"` is the only solution on IE unfortunately. (not a theme issue)

[Andrew 207]

@b3global -- if you have this problem in Firefox/chrome, please give us a link or screenshot to check it out.

[vpstechs 0]

Drop down menu is showing below the youtube video. i am using iBlogPro3 theme.checking it in firefox 3.5.8 ScreenShot

[Andrew 207]

hmm. probably just a z-index thing. Can you post a live link?

[bjstation 0]

I added the wmode="transparent" to the <object> and it works in IE8 ,chrome 4.1, firefox 3.5.8 and Opera. Thanks a lot!!! However, the fadding effect of the video is still not working :-(

[davidzatzcom 0]

Here's what I eventually did: Force embedded YouTube videos to appear below drop-down menus By adding two fixes to the YouTube embed code, this can be fixed. Add a param line setting wmode to opaque:

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

Then add the following line to the embed tag:

	wmode="opaque"
	

Here's an example in context:

	<object width="610px" height="340px">
	<param name="movie" value="http://www.youtube.com/v/4oAB83Z1ydE&hl=en&fs=1&showinfo=0">
	</param>
	<param name="allowFullScreen" value="true"></param>
	<param name="allowscriptaccess" value="always"></param>
	<param name="wmode" value="opaque">
	<embed src="http://www.youtube.com/v/4oAB83Z1ydE&hl=en&fs=1&showinfo=0"
	 type="application/x-shockwave-flash" wmode="opaque"
	 allowscriptaccess="always" allowfullscreen="true" width="610px" height="340px">
	</embed></object>
	

[cmunns 16]

@BJ station the only effect not working is the fade? That's strange, can you provide a live link?