Embed Flash Movie 100% for Firefox and Internet Explorer
I needed a flash movie to displayed at 100% in my web page. I thought this will be a simple job. Just set the height and width attributes within my object tag to “100%”. This method worked fine for Internet Explorer but failed in Firefox. Firefox seemed to ignore my size settings that contained a percentage. After a lot of time wasting, I confirmed that Firefox does not like its height and width attributes measured in percentages and only likes measurements in pixels.
In order to fix this problem I needed to do the following:
- Keep the height=”100%” width=”100%” object attributes. This will be needed for Internet Explorer.
<object id="FlashMovie" type="application/x-shockwave-flash" height="100%" width="100%" data="myflash.swf"> <param name="movie" value="myflash.swf" /> <param name="wmode" value="transparent" /> <p> No flash message </p> </object>
If anyone has any better idea on how to solve this problem. Please comment. Thanks!