How to Make SWF Background Transparent in Webpage

by on July 8th, 2007

In some cases we need transparent background for swf in web pages. For that a little property of SWF movie as a parameter will do. The background of a Flash movie can be set to transparent. This allows the background color or image of the HTML page that contains the Flash movie to show through and allows the layering of Flash content with DHTML content.

swf-transparent

Using Flash

The HTML for a Flash movie can be created using the Publish Settings feature in Flash. The Publish Settings dialog box provides an option to affect the WMODE setting. The options selected in the Publish Settings will be added to the HTML source code automatically:

  • Choose File > Publish Settings. Select the HTML tab.
  • Choose “Transparent” in the WMODE setting to make the Flash movie’s background disappear in browsers which support this feature.
  • Publish the document.
wmode=transparent
Using Dreamweaver

Follow the below steps, and Dreamweaver will insert the correct HTML code automatically.

  • In Dreamweaver, insert the Flash movie into an HTML page.
  • Select the Flash movie in the Design View.
  • In the Properties panel, choose Parameters.
  • For the Parameter, enter “wmode” (without quotes). For the Value, enter “transparent”.
  • Save the document. The HTML page is complete.
Editing HTML code manually for Wmode

To edit an existing HTML page, add the WMODE parameters to the HTML code.

Add the following parameter to the OBJECT tag:

<param name="wmode" value="transparent">

Add the following parameter to the EMBED tag:

wmode=transparent

Share

2 Reviews

  1. Hiroshi says:

    @saeedpaaras: You need to add this in your code.
    autostart=true
    You can use JW Player in pages and here is player code customization wizard:
    http://www.longtailvideo.com/s.....tup-wizard

  2. saeedpaaras says:

    Please note the following code

    I want to autoplay both flv files without presssing any key whenever page is loaded.
    Please guide.