HowTo – Stop Flash Videos From Messing Up Your Menus

Filed under: Multimedia / Graphics

adobeflashvideo_logoIt happens to a lot of sites that include flash video content in their posts or on the sidebars and also make use of popout menus.

You embed the video on your page then go to access your menu and the menu is hiding behind your video. This is bad enough if it is a personal site but if you have visitors reading your pages it can be very frustrating for them.

To cure the problem all you need to do is add a wmode statement to the embed code of the video that tells the video to be nice and stick to the page.

In this example you can see we added a Param tag and included the wmode in the embed statement. This should solve the problem for most current browsers.

<object width=”512″ height=”296″><param name=”movie” value=”http://www.site.com/1234aerwe”> </param>
<param name=”wmode” value=”opaque”>
<embed src=”http://www.site.com/embed/1234aerwe” type=”application/x-shockwave-flash” width=”512″ height=”296″ wmode=”opaque” ></embed> </object>

If you add a lot of videos to your site with a plugin or gallery script that lets you use QuickTags to embed videos just by placing the url on the page you will need to go in and edit the Video Embed script in that code.

The fact is adding wmode opaque to a video’s embed statement really doesn’t do any harm but it will make it behave better.