Are Flash embeds being rendered on top of other HTML? Try wmode=”opaque”!

I learn something new every day. I’ve been working on a web page with an embedded YouTube video. Clicking on some items on the page opens overlays that should be on top of the video, and on my Mac this worked just fine. However, on Windows (via Parallels) it was the case that the Flash would render on top of everything all of the time—even on top of itself when there was more than one embed!

To solve this all you have to do is add the wmode parameter set to something other than window. You’ll likely have two places to change this:

  1. Add/change the <param name="wmode" value="opaque"></param> tag inside the <object> tag.
  2. To the <embed> tag you’ll need to add the attribute: wmode="opaque"

(Note: instead of opaque you can use transparent)

Leave a Reply