Search code examples
cssinternet-explorerdrop-down-menuembedded-video

Drop down menu disappears when hovering over embedded video in IE

I have a drop down menu with an embedded video. This video shows and plays fine in all browsers except IE.

As soon as you hover over the video in any version of IE the drop down menu disappears.

Current pulling a random video from a custom field added to posts within videos category using part of the following code.

<iframe title="Video" width="270" height="190" src="' . get_post_meta($post->ID, 'recent_video' , true) . '" frameborder="0" name="wmode" value="transparent" allowfullscreen></iframe>'; ?>

It's under the 'categories' drop down menu - link to site: http://www.keyaspectscoaching.com/

Solution

  • Try adding this attribute:

    wmode=opaque

    instead of the name=wmode value="transparent