75

when embedding a Flash object with the <object> and <embed> tag, there is an attribute called wmode. It seems that most of the time, wmode="transparent" is the same as wmode="opaque" as the Flash doesn't actually have any transparent color so that the bottom HTML element is to be shown. As a result, opaque should be faster than transparent since it requires less processing for transparency, yet most of the time i see Flash object embedded with transparent instead of opaque.

opaque is needed so that other HTML element won't be covered up by the Flash object (such as a menu item that pops up an extra sub-menu won't be covered up by the Flash object).

By the way, is there formal documentation for wmode's opaque, transparent, and window? I was only able to find blogs that describe it but not the formal documentation. thanks.

1
  • Thanks for explaining that wmode="opaque" is needed so that other HTML elements won't be covered up. Embedding a youtube video was driving me crazy with this. YouTube's default embed code doesn't contain wmode and it was overlapping other divs even though they had higher z-index values. Thanks.
    – raddevus
    Apr 5, 2011 at 17:41

5 Answers 5

36

Here is some weak adobe documentation on different flash 9 wmode settings.

A note of caution on wmode transparent is here in the adobe bug trac.

And new for flash 10, are two new wmodes: gpu and direct. Please refer to Adobe Knowledge Base about wmode.

1
  • 6
    great, here is a quote of the doc: wmode - Possible values: window, opaque, transparent. Sets the Window Mode property of the Flash movie for transparency, layering, and positioning in the browser. window - movie plays in its own rectangular window on a web page. opaque - the movie hides everything on the page behind it. transparent - the background of the HTML page shows through all transparent portions of the movie, this may slow animation performance. Jun 3, 2010 at 6:55
20

Opaque will cause less system strain since 'transparent' will still attempt to apply alpha. The reason you see transparent used instead is because most web authors don't pay attention to detail (ie, just copy-pasted some embed code they found).

BTW, you are correct about it being undocumented. The best I've ever seen is a blog by a guy who claims to have talked to a Macromedia developer about it. Unfortunaetly I can't find the link.

EDIT: I think it was this one: http://www.communitymx.com/content/article.cfm?cid=e5141

7

also, with wmode=opaque and with IE, the Flash gets the keyboard events, but also the html page receives them, so it can't be use for something like embedding a flash game. Very annoying

4
  • 1
    This does not answer the question.
    – kapa
    May 3, 2011 at 9:16
  • 3
    @bazmegakapa: how this is not answering the question? it's a very important difference in behavior (I suffered it on a very important games web site making it unusable :( ) and a not very well documented dif.
    – MegaTux
    May 18, 2011 at 13:36
  • 4
    The OP asked for resources on these arguments. Your answer would have made a good and important comment in my opinion.
    – kapa
    May 18, 2011 at 13:44
  • Regardless of whether this belongs as a question or answer, this was very helpful. Thank you!
    – jmq
    Nov 2, 2016 at 15:14
3

There's a pretty good write up in the Adobe KB's on 'wmode' and other attributes with regards to their effect on presentation and performance.

http://kb2.adobe.com/cps/127/tn_12701.html

2

One bizarre thing is that in Chrome + Firefox, the MOUSE_LEAVE event isn't dispatched for OPAQUE and TRANSPARENT.

With WINDOW it works fine. That one took some time to find out! grr...

(note: jediericb mentioned this bug - which is similar but doesn't mention MOUSE_LEAVE)

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.