How to Make Transparent Background of SWF in Webpage

May 29, 2010, CSS/HTML, Dreamweaver, Flash

When you insert SWF file in your webpage it always show given background color and if you want transparent background color and want to use your webpage bg color then you have to need make transparent background of swf file. This is the very simple way but for this you will have to use only stage background color in flash not any rectangle on stage because this method only transparent stage bg color.


First Step:

Make flash file and use only bg color of stage. Don’t use any recangle there for background color.

Method 1: 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:

Step 1:

Choose File > Publish Settings. Select the HTML tab. or press Shift + F12.

Step 2:

Choose “Transparent” in the WMODE setting to make the Flash movie’s background disappear in browsers which support this feature.

Step 3:

Publish the document.

You will find this "wmode=transparent" code in html file which make swf file transparent.

Method 2: 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

Method 2: Using Dreamweaver

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

Step 1:

In Dreamweaver, insert the Flash movie into an HTML page.

Step 2:

Select the Flash movie in the Design View.

Step 3:

In the Properties panel, choose Parameters.

grey How to Make Transparent Background of SWF in Webpage

Step 4:

For the Parameter, enter “wmode” (without quotes). For the Value, enter “transparent”.

or

In property panel choose wmode dropdown.

grey How to Make Transparent Background of SWF in Webpage

Step 5:

Save the document. The HTML page is complete.




, , ,


Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic, or follow us on Twitter. Get promotion with Hypesol.
Name: Email:


Subscribe

Subscribe to our e-mail newsletter to receive updates.

18 Responses to “How to Make Transparent Background of SWF in Webpage”

  1. WP Themes Says:

    Good dispatch and this fill someone in on helped me alot in my college assignement. Thank you for your information.

    Reply

  2. exclusive tutorials Says:

    Excellent tutorial. thanks for this

    Reply

  3. mayank Says:

    helpful tutorial….

    Reply

  4. _Dave14 Says:

    I would like to exchange links with your site http://www.tutorialspalace.com
    Is this possible?

    Reply

  5. dwi lawyers Says:

    very nice & helpful tutorial.

    Reply

  6. Edwin Says:

    Thank you SOO MUCH, so easy !! thanks

    Reply

  7. zy Says:

    Real helpful tips..
    Thanks… a lot..

    Reply

  8. kevin Says:

    Excellent tutorial…Helpful to solve the problem..

    Reply

  9. Christian Says:

    Very good write-up! I will be also gonna write a blog article about it… thanks

    Reply

  10. ranji Says:

    nice tutorial thanks for sharing it

    Reply

  11. Steam boiler Says:

    Thanks for the useful tips

    Reply

  12. Fume hood Says:

    Thanks for the useful tips…

    Reply

  13. vijai Says:

    excellent tutorials…easy to learn

    Reply

  14. frp lining Says:

    nice tutorials thanks for sharing it

    Reply

  15. Asad@ life quotes Says:

    What a fine tutorial, very easy to understand and follow. Thanks and good luck.

    Reply

  16. Tutorial Lounge Says:

    tricky and helping tutorial.

    Reply

Trackbacks/Pingbacks

  1. Servefault.com - June 7, 2010

    How to Make Transparent Background of SWF in Webpage | Tutorials Palace…

    Thank you for submitting this cool story – Trackback from Servefault.com…

Leave a Reply

Get Adobe Flash player