FF/IE Flash Embed Jail... swfobject and Flashvars, WMODE Transparent

Content
1

What’s the proper bulletproof embed method for getting these to work in both browsers. Between the cache, the elusive wmode tag, and the sixteen flavors of flash embed w/ swf object is enough to drive me up a wall.

So one browser displays the Flash when wmode is transparent, the other doesn’t and vice versa but nothing - not a thing - seems to work in both.

Works in Firefox. Produces just the Flash box with nothing in it in IE 8.


<script type="text/javascript">
	var flashvars = {};
	flashvars.players_number="1";
	flashvars.player_id="1";
	flashvars.snd_name="<?php bloginfo('url'); ?>/songs/mysong.mp3";
	flashvars.volume="80";
	flashvars.player_mode="Compact";
	flashvars.controls_color="0xfbb939";
	flashvars.controls_color_over="0xefe357";
	flashvars.bg_color="0x000000";
	flashvars.player_opacity="100";
	flashvars.auto_play_on_start="Off";
	var params = {};
	var attributes = {};
	attributes.id = "player1";
	swfobject.embedSWF("<?php bloginfo('url'); ?>/myflash.swf", "player1", "262", "30", "9.0.0", false, flashvars, params, attributes);
</script>



<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" wmode="transparent width="262" height="30" id="player1">
	<param name="movie" value="<?php bloginfo('url'); ?>/myflash.swf" />
    <param name="wmode" value="transparent" />
		<!--[if !IE]>-->
		<object type="application/x-shockwave-flash" data="myflash.swf" wwidth="262" height="30">
		<!--<![endif]-->
			<a href="http://www.adobe.com/go/getflashplayer">
				<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
			</a>
		<!--[if !IE]>-->
		</object>
	<!--<![endif]-->
</object>

Owe ya one if ya know what’s up.

2

Just use SWFobject.

Wmode is no longer an advantage on either browser as the latest flash player is faster, so don’t use that (unless you need transparency, such as an ad overlaying on a web page).