How to auto resize flash movie to fit the screen
A Flash Developer Resource Site

Page 1 of 2 12 LastLast
Results 1 to 20 of 25

Thread: How to auto resize flash movie to fit the screen

  1. #1
    Junior Member
    Join Date
    Apr 2007
    Posts
    2

    How to auto resize flash movie to fit the screen

    Does anyone have a tutorial on how to auto resize your swf movie? something similar to www.2advanced.com, how it resizes to whatever size your browser is?

  2. #2
    Master Of The Universe EvilKnevil's Avatar
    Join Date
    Jul 2001
    Location
    Ontario, Canada.
    Posts
    254
    I was going to ask the same question! I need to know how to have your main flash movie resize based on the users screen size.

    Please let me know!

    Thanks.. Maybe there is a tutorial on this???
    "Ride It Like Ya Stole It!'

    Preschool Learning Activities

    Flash Cartoons

  3. #3
    Junior Member
    Join Date
    Apr 2007
    Posts
    2
    I would also like to know about this.

    I noticed how the animations etc are resized to the browser but certain things are kept with constrained proportions (the image in the banner)

    What I'm trying to do is get a background animation that appears on the website that can be resized to the browser size but have a field, or layer, or movie clip (if i have to) that keeps its original proportions.

    So thats a background that changes size with browser resize
    and a foreground that, though it isnt static, maintains original proportions.

    Thanks for your time, any help is greatly appreciated.

  4. #4
    Ryan Thomson EvolveDesigns's Avatar
    Join Date
    Oct 2001
    Location
    British Columbia
    Posts
    3,338
    File > publish settings > HTML tab > Dimensions = Percent

    and your good to go!

    Ben242, I answered your question at your thead here:
    http://board.flashkit.com/board/showthread.php?t=728992
    Evolve Designs Interactive Media
    the natural selection

  5. #5
    Junior Member
    Join Date
    Apr 2007
    Posts
    2
    i actually wanted to do the same thing as ben just didnt type it out well enough. Thanks for the help guys.

  6. #6
    Junior Member
    Join Date
    Oct 2007
    Posts
    4

    I have one further step from this that i need to figure out..

    Hi Guys,

    I have one further step from this that i need to figure out..

    how do you align movie clips in your flash movie so that they either align right or left right up against the edge of the browser window such as with this example - http://www.sanctuary2007.com/

    if you look at the footer bar at the bottom there is an mp3 player that aligns right and the developers logo that aligns left always.

    also if you also play around with your browser size you will notice that all the flowers etc move independently. they are either aligned left or right but then move independantly when you resize the browser. I know its a lot to ask but someone out there must have an idea?

    cheers!

  7. #7
    Junior Member
    Join Date
    Jan 2009
    Posts
    1

    Thumbs up Flash Scale = Show all Didn't work for me....

    Dear friends,

    I have a flash intro. i need to auto resize in to client screen size.

    I all ready try to put 100% X 100% and "show all" all most all thing i done.

    it didnt change the size auto.

    But after i publish it, i open that html file and goto " flash animation > right click >show all ". Only this way it will resize. please Help me.....

  8. #8
    Ryan Thomson EvolveDesigns's Avatar
    Join Date
    Oct 2001
    Location
    British Columbia
    Posts
    3,338
    @WOM the publish setting are added to the html that houses the swf file, not the swf itself so in order for your publish settings to take effect you'll need to publish swf and html, then replace the embed code in your actual webpage with the one flash outputted when you published.

    (if that makes no sense, post your current embed code from your webpage and i'll edit it)
    Evolve Designs Interactive Media
    the natural selection

  9. #9
    Junior Member
    Join Date
    Oct 2008
    Posts
    10
    here is the link to what you are trying to do

    http://www.republicofcode.com/tutori...s3fluidresize/

  10. #10
    Junior Member
    Join Date
    Apr 2009
    Posts
    2
    I NEED HELP

    I HAVE DONE SIMIALR TO THIS 100% ETC IT SQUASHES TO FIT SCREEN
    I have flash within a html but when I view it on pcs with smaller resolution it sqaushes to fit screen.
    How do i make it so instead of sqaush to fit it stretchs and makes thinks relativly smaller etc
    Last edited by Bensmart; 04-21-2009 at 11:44 AM.

  11. #11
    Ryan Thomson EvolveDesigns's Avatar
    Join Date
    Oct 2001
    Location
    British Columbia
    Posts
    3,338
    @Bensmart

    if you set it to 100% it does make things relatively smaller, can you explain your problem a bit more? The flash file will either shrink to fit the smaller browser or maintain your set dimensions. (there is code that will allow you to shrink some parts of your stage without everything shrinking too)
    Evolve Designs Interactive Media
    the natural selection

  12. #12
    Junior Member
    Join Date
    Apr 2009
    Posts
    3
    Man I'm not sure everyone understands the question. To do a full Flash website yes publish settings change to Percentage and no scale. But I think the questions was how to put things into certain areas with scripting no?

  13. #13
    Member
    Join Date
    Aug 2007
    Posts
    32
    dang it !!!
    cant that fluid thing be done in AS 2?

  14. #14
    Junior Member
    Join Date
    Apr 2010
    Posts
    6
    Usually I use the program VidCrop PRO and I like this program.

  15. #15
    Junior Member
    Join Date
    Apr 2011
    Location
    Brussels (Belgium)
    Posts
    3
    Quote Originally Posted by EvolveDesigns View Post
    File > publish settings > HTML tab > Dimensions = Percent

    and your good to go!

    Ben242, I answered your question at your thead here:
    http://board.flashkit.com/board/showthread.php?t=728992
    Hi EvolveDesign,

    I followed your advice to auto resize swf embedded in variable html - brwoserwindow size.

    It works perfect in all browsers ... EXCEPT internet explorer 9 : it only shows a screen wide rectangle, only 50 pixels height, in the middle a tiny version of the swf, and the rest underneath is emty white space :-(

    Could you help me with this, please ?

    the site : http://_www_galerievanmiddelem_be
    (I removed dots, I dont wanna post links

    THX !!

    Agnus Dei

  16. #16
    Member
    Join Date
    Jul 2000
    Location
    San Juan, Puerto Rico
    Posts
    43
    Agnus,

    I've done this on my page seems to work on all browsers I've tested

    Try adding the folowing html code after the </head> line and before the <body> tag

    Html Code:
    <style type="text/css" media="screen">
        html, body { background-color: #FFF;}
        body { margin:0; padding:0;  }
        #flashContent { width:100%; height:100%; }
    </style>

    Never used swfObject is this any good? I've never had any problems without it.

    Best
    Last edited by fania; 04-15-2011 at 11:04 AM.
    Rafael A. Emmanuelli
    Freelance Multimedia Developer
    www.irzfxmedia.com/portfolio

  17. #17
    Junior Member
    Join Date
    Apr 2011
    Location
    Brussels (Belgium)
    Posts
    3

    Unhappy

    Quote Originally Posted by fania View Post
    Agnus,

    I've done this on my page seems to work on all browsers I've tested

    Try adding the folowing html code after the </head> line and before the <body> tag

    Html Code:
    <style type="text/css" media="screen">
        html, body { background-color: #FFF;}
        body { margin:0; padding:0;  }
        #flashContent { width:100%; height:100%; }
    </style>

    Never used swfObject is this any good? I've never had any problems without it.

    Best
    Hi,

    Thanks for the help, but the problem still remains the same. Only in INternet Explorer 9, I only see a little wide stroke, with a miniscule version of the site in the middle ...

    HELP !

    ARE THERE DIGITAL ALCHEMISTS AND/OR GENIUSES WHO CAN BLESS ME WITH THEIR SUBLIME KNOWLEDGE ;-)

    Thanks,

    Greetz

  18. #18
    Junior Member
    Join Date
    Feb 2012
    Posts
    8

    Answer for Angus??

    Hey Angus did you ever figure out the Internet Explorer 9 Flash issue? I too am haveing trouble viewing my SWF based website in IE9. all other browsers work fine, yet when I attempt to view it in IE9 it is appears only about 50 pixels high and is all stretched out.
    anyone know why?

    here is the link:

    www.seanlattrell.com

  19. #19
    Junior Member
    Join Date
    Apr 2011
    Location
    Brussels (Belgium)
    Posts
    3
    Hi TinyTaboo,

    First marvelous website you have there ...

    I emailed you, please look at my humble wedesigner - website :

    http://www.omegawebsolutions.be

    I solved the IE9 - issue, by creating a different html - file, specially for IE9.

    I use Javascript, that detects if the browser is Internet Explorer 9.

    If it detects IE9, it automatically redirects the surfer to a different html, with code that does NOT use automatic scaling 100% W; 100% H.

    The Javascript Code (for in the Heading):

    <script language="JavaScript" type="text/JavaScript">
    if(navigator.appName == "Microsoft Internet Explorer")
    {
    window.location = "ie9/index.html"
    }
    window.location == "index.html"
    </script>

    An example of one of my sites that does this :

    http://www.galerievanmiddelem.be/

    So, I hope I helped you out on this one,

    Email me, if you want some more help, It would be my pleasure to help you out further,

    Kind Regards,

    Omega Websolutions
    Webdesigning Brussel (Belgium)

  20. #20
    Junior Member
    Join Date
    Feb 2012
    Posts
    8

    Internet Explorer 9 sizing issue resolved

    Angus Dei thank you!

    Your script completely solved the issue for me!

    Thanks for the Help!

    <script language="JavaScript" type="text/JavaScript">
    if(navigator.appName == "Microsoft Internet Explorer")
    {
    window.location = "ie9/index.html"
    }
    window.location == "index.html"
    </script>

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width


HTML5 Development Center

Poll by Flashkit.com