flash Add a Background Picture to a Flash Object

I added a background picture to a flash object embedded in a web page. In order to make the background picture can be displayed through the flash animation, I added oneobject parameter:

<param NAME="wmode" VALUE="transparent">

The whole html code are as follows:

<table width="760" border="0" cellspacing="0" cellpadding="0" background="image/01.jpg">
      <tr>
        <td>
        <object codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" height="200" width="760" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
          <param NAME="movie" VALUE="images/index.swf">
          <param NAME="quality" VALUE="high">
          <param NAME="wmode" VALUE="transparent">
          <embed src="images/index.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="760" height="200">
              </embed>
            </object>
        </td>
      </tr>
    </table>

The above code can work properly when a user is using Internet Explorer (IE). However, when a user is using Firefox, the background of the flash is blank. The reason is the Firefox does not recognize the

<param NAME="wmode" VALUE="transparent">

So, I need to add it to the embed src as follows:

<table width="760" border="0" cellspacing="0" cellpadding="0" background="image/01.jpg">
      <tr>
        <td>
        <object codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" height="200" width="760" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
          <param NAME="movie" VALUE="images/index.swf">
          <param NAME="quality" VALUE="high">
          <param NAME="wmode" VALUE="transparent">
          <embed src="images/index.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="760" height="200" wmode="transparent" scale="noborder" align="left">
              </embed>
            </object>
        </td>
      </tr>
    </table>

For the Firefox browser, you also need to set align=”…” to make it be displayed in the right position.

Share and Enjoy:
  • services sprite Add a Background Picture to a Flash Object
  • services sprite Add a Background Picture to a Flash Object
  • services sprite Add a Background Picture to a Flash Object
  • services sprite Add a Background Picture to a Flash Object
  • services sprite Add a Background Picture to a Flash Object
  • services sprite Add a Background Picture to a Flash Object
  • services sprite Add a Background Picture to a Flash Object
  • services sprite Add a Background Picture to a Flash Object
  • services sprite Add a Background Picture to a Flash Object
  • services sprite Add a Background Picture to a Flash Object
  • services sprite Add a Background Picture to a Flash Object
  • services sprite Add a Background Picture to a Flash Object
  • services sprite Add a Background Picture to a Flash Object