Stretch Flash movie to fit web browser.

I can't achieve doing this simple thing :
I have a flash that resolution is 800*600, on small displays
it's okay, but on an HD screen it looks very small.
Web browser resize function is not good, it's badly stretched
and runs very slowly.
After searching; I found Publish Settings, Dimensions : Match
Movie; changed it to 100% percent.
Things gets resized properly but now too much space is shown,
as you can see on picture 2.
Original,
working.
Stretched
but showing too much.
Do you know how can I fix this ?
Thanks a lot ! :-)

When you embedding the flashmovie, made two changes in the
embedding code.
1.Set the width and height of the movie to 100% instead of
pixels.
2.And add an extra parameter 'scale = exactfit'.
This will set the movie to the browsers window.
Thanks

Similar Messages

Automatic scale of Flash movie to fit different screen/browser sizes

Hi guys,
I am a mid level Flash user. I have a online portfolio site which I have had running for around 4 years.
The site at the moment is in its 4th incarnation as I keep growing tired of the layout and design and keep striving to improve it visually. The previous designs have always been at the standard 800x600px or slightly bigger. So when viewed on the majority of different screen sizes and browsers the site was always fully visible at 100%.
For the latest redesign I've opted for a much larger site size of 1024x768px. This is obviously alot clearer for the user and looks great when viewed on a 19" monitor and above. I for example have a 27" iMac so the site in my opinion looks great.
The problem I have is when the site is viewed on a smaller screen 17" and below, laptops etc. Due to the size of my Flash site if I view it on a laptop screen the side and bottom scroll bars obviously appear on the browser. I want to know if there is anyway that I can publish the Flash site so that whenever the site is viewed on whatever sized screen or browser it is always seen at 100% without scrollbars.
I have played about with the publish settings but can't seem to find a way to do this. I have also downloaded SWFFit (Flash Fit) but i'm not sure whether this will do the trick?
My site can be viewed at:
www.nineteeneightyone.co.uk
Any help or advice would be greatly appreciated.
Thanks in advance.

I was a little confused when you mentioned wanting to "scale" the site and then you mentioned that "the site was always fully visible at 100%".
Now I understand that when you say 100%, you simply meant that all of the site was visible at the same time... no scrolling needed.
"whenever the site is viewed on whatever sized screen or browser it is always seen at 100% without scrollbars".
By this I assume you mean that the site is fully visible? not that you want to view the site at !00%... correct?
Typically when discussing Flash scaling, 100% mean 100% of the browser window, and has nothing to do with how much of the site is visible inside that window.
When looking at Flash scaling, there are a number of things to consider, width, height, aspect ratio, and the use/no use of scrollbars.
Using a size of 1024 X 768 is a good example of a size that will require scrollbars or downscaling in order to display in a Web browser on a 1024 X 768 monitor. A 1024 X 768 will only display about 1000px or less in width and of course with the Web browser address bars etc, a height of 600 or so would be more realistic. So by default, the size requires both horizontal and vert scroll bars when viewed on a 1024 X 768 monitor.
So what would be required to display the entire site without scrollbars? Well in this case, since only 600 px in height are available, the height has to be downscaled about 78% of the original height... so to maintain the same aspect ratio (the ratio of width to height), then the width was also be downscaled to about 78% or original or about 800 px wide... OK that's fine, but because the monitor is about 1000px wide, there will now be about 100 px unused space on the right and the left.
By default, Flash likes to maintain that aspect ratio, so that round things stay round and square things stay square. It just means that as you increase or decrease width or height, the corresponding dimension will also change.. decrease height.. and width decreases also.
Here is an old post that illustrates Flash scaling and how aspect ratio can be maintained or distorted:
Here are examples of different scaling parameters available in the Publish settings. You can also add these parameters directly in the html (<param name="scale" value="noscale"). All the examples replace the actual Flash dimensions with 100% for both width and height (width="100%" height="100%"). These examples use the old <object> and <embed> to illustrate the different ways to scale Flash. Once you understand how it works I’d recommend that you use swfobject to place the Flash in your final project.
View the source code for each page to see the full code.
http://www.cidigitalmedia.com/tutorials/scale/exact_fit.html
"exactFit" scales the file to fit exactly within the confines of the screen, irregardless if the movie becomes consequently distorted. The original aspect ratio is not maintained. So round things are not round and squares are not square.
http://www.cidigitalmedia.com/tutorials/scale/noScale.html
"noScale" is the default setting, and causes the movie to be displayed at the originally designed dimensions.
http://www.cidigitalmedia.com/tutorials/scale/no_border.html
"noBorder" causes the movie to be scaled to what ever dimensions are needed to have no border surrounding the movie within the player, which consequently could result in some of the movie being cut off from view. In other words, the movie will maintain the original aspect ratio and will fill the screen completely. But if the movie has to be streched wider to fill both sides of the screen, it will also stretch taller, but then some of the top and the bottom of the movie may be cut off from view.
http://www.cidigitalmedia.com/tutorials/scale/show_all.html
"showAll" scales the movie to the size of the screen (which could cause pixelation if the file contains raster information), the difference between showAll and exactFit is that showAll mantains initial movie size proportions. Because it maintains the original aspect ratio, there can be space to the sides or the top and bottom. But everything always shows and they are not distorted. But notice the photo in the center, it becomes pixilated at larger screen resolutions.
The trickiest part of trying to go full screen is that it’s difficult to make the Flash wider without making it taller also, that is, to maintain the correct proportions or aspect ratio of everything on the stage. These methods are just simple scaling accomplished with html. There are also methods to dynamically scale the stage and it’s elements using Actionscript… but that’s a much more complex undertaking.
Best wishes,
Eye for Video
www.cidigitalmedia.com
Best wishes,
Adninjastrator

Embedding flash movie in a web page

I have created a flash movie using actionscript 3 and an xml file with a list of images for a slideshow. After clicking publish, I can view the slideshow by previewing the html file it creates for you. However, I want to embed this flash movie in a different web page. When I try to add it in Dreamweaver, by dragging and dropping the swf file into the page, a flash placeholder is generated, but the movie does not play when previewed. It is just blank white space.
Now I watched the Tom Green tutorials on "flash the easy way" and my flash (CS4 professional) did NOT generate the AC_RunActiveContent.js files. I did find and download the file and manually added it to my Scripts folder. Still no joy.
I will note that the html file that embeds the flash video is in a different directory than the movie itself. Surely this cannot be the issue, otherwise people's websites would be incredibly messy with multiple flash videos. I am trying to put all the flash movies in their own child directories of a /flash directory to keep them neat and organized.
I am not sure what to do next. How do you make the dang thing play on a web page that is in another directory?

If you are loading content ala using an xml file, that may be the source of the problem. When you load a Flash file into a web page, that web page becomes the frame of reference for any files that the swf loads. So if you tested this where the html file was in the same folder, but then moved things into different folders, then you need to adjust the Flash to load things as if it is in the html file's folder

I can't watch flash movies on nokia e7 browser

Hallo!
I've tried to watch some flash movies on nokia browser and opera 11 but it said to get flash player. On the link to adobe they don't have symbian os listed there. I've tried to install some versions of adobe flash player, but it said that doesn't support the sis. or on flash lite that it is already there
What can I do? Maybe another browser with flash player support?

E7 does support some flash content but not all, Opera doesn't !! The only browser I had that worked was Skyfire, but it no longer supports Symbian. Hopefully the new browser may have better support ? This video works on E7
http://www.tracyandmatt.co.uk/blogs/index.php/nokia-e7-unboxing-video
If I have helped at all, a click on the White Star is always appreciated :
you can also help others by marking 'accept as solution'

How can I stop Quicktime movies opening my web browser?

Sorry if this has allready been brought up but I spent an hour searched the forums for an answer (And longer on google).
My issue is that certain unsavory people seem to be exploiting an ability of quicktime to launch the default web browser and goto a page they designate. This unfortunately mean often I will download a movie (Named something it isn't typicly), run it and suddenly have 10 internet explorer windows pop up opening assorted **** sites, sites demanding spyware and malware installations and on at least one occasion site containing scripts to automaticly install a virus on loading.
I'd like to how I can prevent this from happening short fo outright not using quicktime. Is there an option to disable a movies ability to link to web pages or a feature to block their attemtps to do so?
Thanks.

No. I don't have any viruses or spyware and I havn't been hijacked either. Look a little background on me, I work in tech support dealing with such issues for a living. Regardless I've had this happen on brand new computers I've set up and for the sake of been thorough in eliminating that idea as a possibility I followed every step and recommendation your links gave me and they turned up nothing.
The problem is a function of certain .mov files which basically activate an imbeded hyperlink within the file, opening the default browser and loading whatever site the link lead to. If I could find a tame one that didn't send you to pornographic sites etc. I'd be happy to host it for you to test out yourself but frankly the only .mov files I've seen that do it are usually **** films themselves named something else (For instance one was named SydneyOlympics2004Opening) with the intention of luring unsuspecting victims into downloading them and running them in quicktime forcing them to load all these malicious pages. It's fine for me on my home network where the security settings are setup so hazardous sites can't actually do anything and the addition of pornographic images to my temporary internet folder has no concequences but at work that could get you fired and heavily fined in goverment employment.
On a side note how another program could respond to a .mov file playing in quicktime opening web pages specific to that file and at set points in the movies timeline is beyond me. It would have to be a plugin for quicktime.

Aligning Flash movie in center of browser and flush to top

I'm having trouble positioning my Flash movie where I want it in the browser window. I want it:
* To be centered horizontally (easy enough), but also:
* Flush to the top of the browser window, with 0 px between the movie and the top of the browser window
I've been trying various combinations of single-cell tables, divs and CSS absolute & relative positioning, and can't find the right combination to achieve this positioning. The closest I can get is centered horizontally, and about a 5 px gap between the top of the browser window and the top of the movie -- it needs to be flush.
My movie is 1000 px wide and 680 high. This is a simple diagram of what I'm trying to achieve:
I'm not a coder by any means, so specific code examples would be helpful!
Thanks,
R

For your body tag in the html file try including these four parameters, they should reduce you to having no margin separating you from the very top of the page...
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
If you have a CSS file for the page you could include it in there instead in the form...
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

Open Flash Player instead of Web browser

Is it possible to set flash builder to open the built swf with flash player instead of the web browser?

if you go into your project properties, you select run/debug settings in the left pane, on the right pane select the project and then go to edit.
from there you can set the launch path,
it would be something like
http://localhost/MyProj-debug/MyProj.html for browser
or
c:\MyWorkSpace\MyProj\bin-debug\MyProj.swf to launch in flashplayer
David.

Multiple flash movies on 1 web page?

So, I'm working on a new site. Very graphical and will have a
lot of cool bells and whistles. At first, I was creating it
entirely in flash but I abandoned the idea because I just can't
help but click the back button when I feel I need to, and doing
that takes you all the way back to the previous HTML page instead
of previous thing in the flash movie and it gets annoying fast, and
I know if it happens to me it'll happen to plenty of others. So, I
was thinking about just building it as html/dhtml with all the cool
css tricks everyone and their mom are doing these days.
The old versions was set up with one big movie for the
interface, and smaller movies for the content that get loaded in
with the loader component. Worked pretty well. So, I was thinking..
what if I still kept those content pieces and loaded them in over
the HTML, using DHTML to position stuff and the little
wmode=transparent thingy so you can still see the background HTML
bitz that need to be there. I mean, I know it can be done and how
to do but my question is, what if I want to have the menu in flash
too? and maybe the site logo animated? Or a rotating flash add at
the top that's loading in a few different ads and cycling through
each one like a slideshow? Will 3-4 different flash elements on 1
page be bad? My first guess is it will slow things down a lot, but
will it? I mean, it's not HUGE files it's more like smaller bits..
logo, menu, ad and content .. the content will mostly just be text
and some photos, nothing too fancy. I don't want it to slow down
people's computers OR take forever to load/display (which it
shouldn't). So it will be HTML pages loading in flash movies, so
the back button will finally work!
The reason I'm considering doing this is more for font issues
than anything else, and some cool transparency effects I can
accomplish with smaller files and better compatibility than if I
use PNG files
Any thoughts? is this a good idea or should I just try to do
it all with DHTML stuff? I can do it that way, i was just thinking
using Flash might be easier & better for some parts...

Yes, it is fine to do that.
Dave -
www.offroadfire.com
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

How to position a flash movie within a web page?

Hi guys.
I have a flash movie that is going to be loaded within
another flash movie via an xml list.
How can I set the position to load the inserted movie to the
center of the page?
At the moment it loads in the top left hand corner.

Hi there.
Thanks for replying.
the website in question is www,ridethespiral.net and if you
click on pilot map you will see the error.
The main (Background) flash file is from a template site so I
didn't write the code.
But I think this is it.
//Function used to load external SWF files and call the
loader MC -------------------------------------------
function loadMovieClip (externalTarget:String,
targetRoot:MovieClip) {
var mcLoader:MovieClipLoader = new MovieClipLoader ();
var listenerLoad:Object = new Object ();
listenerLoad.onLoadStart = function (target:MovieClip) {
loader._visible = true;
ZigoEngine.doTween (loader,'_alpha',100,0.5,"easeOutExpo");
//Loading Progress
listenerLoad.onLoadProgress = function (target:MovieClip,
bytesLoaded:Number, bytesTotal:Number):Void {
percent = Math.round (bytesLoaded / bytesTotal * 100);
loader.percentTxt.text = percent + "%";
//On Load Complete
listenerLoad.onLoadComplete = function
(target:MovieClip):Void {
ZigoEngine.doTween
(loader,'_alpha',0,0.5,"easeOutExpo",0,function () {
loader._visible = false;
ZigoEngine.doTween
(content_container,'_alpha',100,0.5,"easeOutExpo",0,function () {
content_blocker._visible = false;
mcLoader.addListener (listenerLoad);
mcLoader.loadClip (externalTarget,targetRoot);

Clicking FLASH elements in the Web Browser

The website that I am working on has numerous FLASH elements
in it and I was wondering if there is anyway to make it so that
users browsing the site with Internet Explorer do not have to click
on the FLASH elements before navigating the site. Any help or
suggestions would be appreciated.

Go find SWFObject... PS - this has been this way for like
three years now...
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

How to uninstall adobe flash due to unstable web browser issues

My browser is flickering trying to resolve flash applications. How do I resolve this?

Is this happening only on websites that use Flash technology (e.g., YouTube)?
What version of Flash player are you running? The latest version is 11.5.502.110.
Clinton

How do I install Flash Player for Iceweasel web browser on Debian Linux?

How do I specify the path to the Iceweasel installation
directory?
Thanks/
Läben.

The simplest way to install the flash player on Debian GNU/Linux is to install the flashplugin-nonfree package from the contrib external repository.
Make sure the contrib repository is enabled in /etc/apt/sources.list or /etc/apt/sources.list.d/, and then do:
sudo apt-get install flashplugin-nonfree
If you want to check for flashplayer updates, do:
sudo update-flashplugin-nonfree --install
Note that this is proprietary software, and is not part of Debian itself.
For more info, see the debian wiki

How to center flash movie in browser window

Can anyone explain how to horizontally center my Flash movie in the web browser window after publishing?
A bit of background:
I was able to achieve this using <center></center> tags a few years ago. But I have since upgraded to CS5 and I understand that this old method is now obsolete.
I have found a few threads/forums that address this, but I know nothing about HTML and these threads don't help me because they assume you have more knowledge than I possess. When opening up the index.html file in Dreamweaver I can't find anything that looks vaguely familiar to what is being discussed. I have found some code samples using <div></div> tags but have no idea where to place it.
So I will need it explained to me in a step by step fashion, including which file I need to fix and what program I should use. Code samples will be very welcome if you can tell me exactly where it goes.
Thanks in advance...

Just realized that there is no scrolling functionality with the .swf generated from the new CS5. Can anyone help out by providing revised code for centering and scrolling?
I found something elsewhere in the forums that worked for both centering and scrolling that worked fine yesterday, but upon visiting my site today for testing, it did not allow the scrolling, and centering did not work in Firefox. Tested both Safari and Firefox on 2 Macs running Snow Leopard.
Again, much appreciated - nice to visit forums where people are interested in helping instead of screaming at each other. Will visit the Illustrator or Indesign forum to see if I can help out someone there...

Flash movie is repeating in safari browser

Have inserted a flash movie into a web page using dreamweaver. Have exported the flash movie out as window mode = transparent.
have made the <param name="wmode" value="transparent" /> tags. Works ok on most browsers except Safari. It seems to repeat the movie vertically (well just a few pixels of it. Is there any way to constrict the Flash object tag so it does not repeat vertically in Safari?

<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="258" height="370">
        <param name="movie" value="../media/TAAENV501B_menu_performance.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="8.0.35.0" />
        
        <param name="expressinstall" value="../scripts/expressInstall.swf" />
        
        
        <object type="application/x-shockwave-flash" data="../media/TAAENV501B_menu_performance.swf" width="258" height="370">
          
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <param name="swfversion" value="8.0.35.0" />
          <param name="expressinstall" value="../scripts/expressInstall.swf" />
          
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
          </div>
          
        </object>
        
      </object>

How do I get stuff off the stage to show in a web browser on Flash CS4?

Okay, so I have a picture that I want to be my background. So I put it around the stage, but when I test my movie in a web browser, only my stage shows. Is there a way I can get it to all show? I don't really care if my background is cut off, as long as you can see it, because it's a tile sort of picture.
Thanks!

Create a rectangle that is the size you want this background to be. When you create it, select the colors so that it has no line border. Once it is created on the layer you have for the background, select the rectangle, open the Color panel, and choose Bitmap from the Type drop down menu in that panel, then select the image from the selections that appear. The rectangle should fill with your tiling background image.

Stretch Flash movie to fit web browser.

Similar Messages

Maybe you are looking for