Embed Flash Movie 100% for Firefox and Internet Explorer

Published on
1 min read

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:

  1. Write some JavaScript just for Firefox so that it will get the users screen resolution in pixels and add this into my object tag that contained my Flash movie.
<script type="text/javascript" language="javascript">
        if (window.innerWidth)
            // Get screen width and height minus scroll bars
            var width = window.innerWidth - 24;
            var height = window.innerHeight - 24;           
            //Find Flash movie
            var FlashMovie = document.getElementById('FlashMovie');           

            //Only assign width and height if browswer is not Internet Explorer
            if (navigator.appName.indexOf('Internet Explorer') == -1)
                FlashMovie.height = height;
                FlashMovie.width = width;        
  1. 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" />
        No flash message

If anyone has any better idea on how to solve this problem. Please comment. Thanks!

Before you go...

If you've found this post helpful, you can buy me a coffee. It's certainly not necessary but much appreciated!

Buy Me A Coffee

Leave A Comment

If you have any questions or suggestions, feel free to leave a comment. I do get inundated with messages regarding my posts via LinkedIn and leaving a comment below is a better place to have an open discussion. Your comment will not only help others, but also myself.