Html wmode Tag Parameters

Source: Internet
Author: User

Original source: http://blog.sina.com.cn/s/blog_4532d8b50101g2sw.html

When you embed a SWF file in a Web page, you often use the Wmode parameter, and some of the problems with embedded SWF are often related to this parameter. Today, after the upgrade of IE Flashplayer, found that some of the Web page SWF can not be displayed, just beginning to think that the upgrade did not succeed, but after reloading Flashplayer still can not show, after a turn, found that the problem is still in the wmode parameters. So here's a quick refresher:
The wmode has five values, namely ' window ', ' opaque ', ' transparent ', ' direct ', ' GPU ', and the latter two are parameters related to new and hardware acceleration for FLASHPLAYER10 and later versions.

wmode= ' window '

The default mode in which Flashplayer has its own window handle means that the Flash movie is a display instance that exists in Windows and is on top of the browser's core display window, so flash just seems to appear in the browser, But this is also the fastest and most efficient rendering mode for Flash. Since it is a browser-independent HTML rendering surface, this leads to the Flash movie that always obscures all the HTML elements where the location overlaps him.
It is important to note that most Apple browsers will allow HTML to appear on top of flash, but there will be a strange phenomenon when the Flash movie is played, such as the way the HTML element is scraped off by Flash.

Wmode= ' opaque '

Windowless mode, in which case the Flashplayer does not have its own window handle, which requires the browser to tell Flashplayer when and where the rendering surface of the browser is drawn. In this case, the Flash movie will not be above the browser HTML rendering surface but with the HTML on the same page, so you can use the Z-index value to control the HTML elements on the Flash movie.

Wmode= ' Transparent '

Transparent mode, in which the stage background of the flashplayer is transparent, flashplayer only the components on the stage, and you can also use Z-index to control the depth value of the Flash movie. However, unlike opaque mode, this reduces the playback effect of the Flash movie, and setting wmode= ' opaque ' or ' transparent ' before flashplayer9.0.115 will invalidate the full-screen mode.

Wmode= ' Direct '

Designed for Flashplayer10 and new parameters with a higher version, bypassing the browser for rendering is equivalent to rendering in a standalone flashplayer.

Wmode= ' GPU '

Designed for Flashplayer10 and the addition of new parameters to the higher version, the full use of hardware to speed up, but does not mean that in all cases the use of this mode is good, and sometimes it can be reversed.

Note: ' Direct ' and ' GPU ' should not be used in conjunction with the previous three values, which may cause conflicts or set values to expire.

Today's problem occurs in the IE9 browser: the use of filters and video of the two Flash movies, the original Flashplayer 11.6.602.180 can display normally, but the upgrade to Flashplayer 13.0.0.214 after the display blank, After the removal of the wmode= ' transparent ' parameter, the display is normal, of course, there may be a case of occlusion phenomenon.
In most cases, the SWF insert HTML can be satisfactorily resolved, but the individual time may be a bit tangled.

Html wmode Tag Parameters

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.