Will you use the flashwmode attribute on the webpage? _ HTML/Xhtml _ webpage Creation

Source: Internet
Author: User
During web development, flash may block elements on the page. No matter how you set the flash container and layer depth (z-index, the existing solution is to add the "wmode" attribute to the embed or object label of flash and set it to wmode "transparent" or "opaque ", however, in web development, the wmode attribute may experience the situation where flash blocks elements on the page. No matter how you set the flash container and layer depth (z-index, the existing solution is to add the "wmode" attribute to the embed or object label of flash and set it to "wmode =" transparent "or" opaque ". But what is the significance of the" wmode "attribute, why?
In the flash tag

"Window" uses the film's own rectangular Window on the Web page to play the application, and is always at the top layer.
"Opaque" displays the content behind it.
"Transparent" enables the background of an HTML page to be displayed through all the Transparent parts of the application, and may reduce the animation performance.
Note: Both "Opaque" and "Transparent" can interact with the HTML layer to allow the layer above the SWF file to mask the application. The difference between the two options is that "Transparent" allows transparency. Therefore, if a part of the SWF file is Transparent, the HTML layer below the SWF file can be displayed through this part, "opaque" is not displayed.
That is, if the DIV layer is covered by FLASH, you must change the wmode attribute to "Transparent"
During web development, flash may block elements on the page. No matter how you set the flash container and layer depth (z-index, the existing solution is to add the "wmode" attribute to the embed or object label of flash and set it to "wmode =" transparent "or" opaque ". But what is the significance of the" wmode "attribute, why can this problem be solved?
Window mode (wmode)
Wmode: There are three Window modes in total. Look at Macromedia's official saying: Window: Use the window value to play a Flash Player movie in its own rectangular Window on a web page. this is the default value for wmode and it works the way the classic Flash Player works. this normally provides the fastest animation performance. opaque: By using the Opaque value you can use JavaScript to move or resize movies that don't need a transparent background. opaque mode makes the movie hide everything behind it on the page. additionally, opaque mode moves elements behind Flash movies (for example, with dynamic HTML) to prevent them from showing through. transparent: Transparent mode allows the background of the HTML page, or the DHTML layer underneath the Flash movie or layer, to show through all the transparent portions of the movie. this allows you to overlap the movie with other elements of the HTML page. animation performance might be slower when you use this value.
Window Mode
In the default display mode, flash player has its own window handle, which means that flash videos exist in a display instance in Windows, in addition, it is displayed on the core display window of the browser, so flash only seems to be displayed in the browser, but this is also the fastest and most efficient rendering mode of flash. Because it is independent from the HTML rendering surface of the browser, flash will always cover all the DHTML layers whose positions overlap with him in the default display mode.
However, most Apple Computer browsers allow the DHTML layer to be displayed on top of the flash, but the flash film may be playing a strange phenomenon, such as the DHTML layer display exception like a piece of flash.
Opaque Mode
This is a window-free mode. In this case, flash player does not have its own window handle, which requires the browser to tell the flash player the time and position of rendering the surface of the browser. At this time, the flash film will not be higher than the HTML rendering surface of the browser, but will be on the same page as other elements, therefore, you can use the z-index value to control whether the DHTML element is flash or hidden.
Transparent Mode
Transparent mode. In this mode, flash player sets the stage background color alpha value to 0 and only draws objects that are truly visible on the stage, similarly, you can use z-index to control the depth of a flash video. However, unlike the Opaque mode, this will reduce the playback effect of the flash video, in addition, if wmode = "opaque" or "transparent" is set for flash player versions earlier than 9.0.115, the full screen mode will fail.
I understand the implementation methods and meanings of various modes. In future development, you can set the wmode attribute value according to the actual situation.

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.