How to automatically let the video getting scaled when the browser changes size

Question

Hi,
I'm using a f4v file with dimension 1200x720 and I might upload a 1920x1080 version.
You can see it at work on www.etmotionpictures.com
I want to the movie to automatically (down)scale in the browser.
So when I resize the browserwindow and refresh the page, I thought the movie would be resized to the new dimension of the browser-window but it didn't do it.
Maybe I misunderstood what scalemode=letterbox is doing.
By the way I used to generate the code and then paste it in a html file.
Here is the code:
I just realized it might have something to do with the fact that the width and height are added in the parameter and at the beginning when the object is declared. Do I need to change that in order for the video to automatically scale.
Thanks for any help.
I really appreciate it!!!
Regards,
Gosa
ps: sorry for my english but I'm not a native english speaker. thanks for understanding.

Answer 1

Hi,
Thanks for helping me on the right track.
I used swffit to accomplish what I wanted.
Here is the link: http://swffit.millermedeiros.com
Here is the code I used for anyone who want to do the same thing:
<script type="text/javascript" src="swfobject.js"></script>
          <script type="text/javascript" src="swffit.js"></script>
          <script type="text/javascript">
               /* swfobject.embedSWF("example.swf", "my_flash", "550", "400", "8.0.0"); */
               var flashvars = {};
               var params = {};
               params.bgcolor = "#000000";
               params.menu = "false";
               params.quality = "high";
               params.scale = "no_scale";
               params.bgcolor = "#FFFFFF";
               params.allowFullScreen = "true";
               params.AllowScriptAccess = "always";
               /* params.movie ="http://osmf.org/dev/1.5gm/StrobeMediaPlayback.swf"; */
               flashvars.src="http%3A%2F%2Fwww.etcmotionpictures.com%2Fetc.f4v";
               flashvars.playButtonOverlay="false";
               flashvars.controlBarMode="none";
               flashvars.controlBarAutoHide="false";
               flashvars.autoPlay="true";
               var attributes = {id: "my_flash"};
               swfobject.embedSWF("http://osmf.org/dev/1.5gm/StrobeMediaPlayback.swf", "my_flash", "800", "450", "8.0.0", "", flashvars, params, attributes);
               swffit.fit("my_flash"); //Since v2.3 swffit use the same size of swfobject by default (but you can set a new size if you want)
          </script>
And of course a div tag in the body:
<div id="my_flash"> </div>
Greets,
GoSa