Flash displaying wrong

Hi Everyone,

Its been a very long time since I have done any design work for the web and have pretty much lost most of the knowledge for it… But, I wanted to get something going personally and have put a simple page together with help from some other tuts on the web. What I am having problems with is a flash audio player (which i have been reading that HTML5 may be the way to go but havent found an alternative to the one I have). It seems to display fine in IE and Fire Fox, but when it comes to Google chrome, it displays bigger and out of position for some reason… www.joecampoli.com/test


.audio {
    width:400px;
    float:right;
}

.flash_block {
	vertical-align:top;
	padding-right:25px;
	width:400px;
	height:205px;
}


<div class="audio">
            <div class="image_block"><img src="images/samples-hdr.png" />
            </div>
              <div>
                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="FlashID" width="400" height="205" class="flash_block" id="FlashID" title="samples">
                  <param name="movie" value="player.swf" />
                  <param name="quality" value="high" />
                  <param name="wmode" value="transparent" />
                  <param name="swfversion" value="9.0.45.0" />
                  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
                  <param name="expressinstall" value="scripts/expressInstall.swf" />
                  <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
                  <!--[if !IE]>-->
                  <object type="application/x-shockwave-flash" data="player.swf" width="400" height="205">
                    <!--<![endif]-->
                    <param name="quality" value="high" />
                    <param name="wmode" value="transparent" />
                    <param name="swfversion" value="9.0.45.0" />
                    <param name="expressinstall" value="scripts/expressInstall.swf" />
                    <embed src="player.swf" width="500" height="500" quality="high" wmode="transparent" swfversion="9.0.45.0" expressinstall="scripts/expressInstall.swf" name="FlashID"><noembed><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></noembed></embed>
                    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                    <div>
                      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                      <p><a href="http://www.adobe.com/go/getflashplayer"></a></p>
                    </div>
                    <!--[if !IE]>-->
                  </object>
                  <!--<![endif]-->
                </object>
            </div>
          </div>

Any help is greatly appreciated

Thank You

Ok, seems to work now. I had it exported to an earlier version of the flash player. Exported to version 11 and all seems fine.

Some advice (not really related to your issue) – cut down on the redundancies in that code a little bit – like the div for nothing around a perfectly good block level container, attributes like name and title which there’s no point to putting on a OBJECT tag, the semantically incorrect H4 (thanks to adobe’s example code being written by sweetly retarded rhesis monkeys on crack), etc, etc…


<!-- [if IE]>
	<object
		classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
		width="400" height="205"
	>	
<![endif]-->
<!-- [if !IE]>-->
	<object
		type="application/x-shockwave-flash"
		width="400" height="205"
		data="player.swf"
	>
<!--<![endif]-->
	<param name="movie" value="player.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent" />
	<param name="swfversion" value="9.0.45.0" />
	<param name="expressinstall" value="scripts/expressInstall.swf" />
	<p>
		Content on this page requires Adobe Flash to display this content.
		Get it now from the <a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player</a> page.
	</p>
</object>

Should be functionally identical in a fraction the code and without that stupid proprietary “embed” nonsense in it.