Help with Wordpress/Videos...Overlapping issue

[jdwanchalk]

I have an issue on my WP page. I have videos from YouTube embedded, but the pull down menu essentially hides behind the video. I moved the vids to the middle of the pages to avoid the issue, but want to get it fixed. I have one page with the video at the top. Scroll over the menu bar to see other reviews and you will see how the bar hides behind.

http://www.onlinepokersitereviews.or...-poker-review/

Any ideas? Would be a huge help...

[cprpoker]

Where you had a:

<p align="center"> 

I changed it to a:

<div align="center" style="z-index: 1;"> 

Then I added:

wmode="transparent" 

To the embed tag.

Here is the complete code.

<div align="center" style="z-index: 1;"><object height="344" width="665" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"><param value="true" name="allowFullScreen"/><param value="always" name="allowscriptaccess"/><param value="http://www.youtube.com/v/9iOA67V8h88&amp;hl=en&amp;fs=1&amp;" name="src"/><param value="true" name="allowfullscreen"/><param value="transparent" name="wmode"/><embed height="344" width="665" allowscriptaccess="always" allowfullscreen="true" src="http://www.youtube.com/v/9iOA67V8h88&amp;hl=en&amp;fs=1&amp;" type="application/x-shockwave-flash" wmode="transparent"/></object></div> 

Try that out.

[jdwanchalk]

Where you had a:

<p align="center"> 

I changed it to a:

<div align="center" style="z-index: 1;"> 

Then I added:

wmode="transparent" 

To the embed tag.

Here is the complete code.

<div align="center" style="z-index: 1;"><object height="344" width="665" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"><param value="true" name="allowFullScreen"/><param value="always" name="allowscriptaccess"/><param value="http://www.youtube.com/v/9iOA67V8h88&amp;hl=en&amp;fs=1&amp;" name="src"/><param value="true" name="allowfullscreen"/><param value="transparent" name="wmode"/><embed height="344" width="665" allowscriptaccess="always" allowfullscreen="true" src="http://www.youtube.com/v/9iOA67V8h88&amp;hl=en&amp;fs=1&amp;" type="application/x-shockwave-flash" wmode="transparent"/></object></div> 

Try that out.

Wow, THANK YOU!!!

So, I guess I just do this to all of the videos and just switch out the src?

Edit: Yes, that is of course what I need to do. Thank you again.

[cprpoker]

If these pages are all template based then I would create a CSS style for the DIV to have the align to center and z-index. Then use that in the template.

Not sure how you are calling the video but you may have to insert the wmode into the embed for each one. You could probably have the video portion in the template as well then call in the source as a variable, if/the/else/or if wordpress you could use a custom field.

[jdwanchalk]

If these pages are all template based then I would create a CSS style for the DIV to have the align to center and z-index. Then use that in the template.

Not sure how you are calling the video but you may have to insert the wmode into the embed for each one. You could probably have the video portion in the template as well then call in the source as a variable, if/the/else/or if wordpress you could use a custom field.

Most of that flew over my head so I guess I will just manually do it.

Thanks again.