Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

How do I scale flash movie

swf, scale, flash, css



3:41 pm on Jan 13, 2012 (gmt 0)

I am trying to get a flash movie (.swf file) to appear larger. I am embedding the movie using CMS pages and I am TRYING to style it with CSS (with no luck so far)

Unlike my PNG/JPEG files that appear at the same scale that I build them to be- my .SWF file comes in at only a fraction of it's actual size. I am told this is normal for this format and that css can be used to govern the scaling. Is this true?

I am hoping to come up with CSS that will allow me to enter a percentage for height & width. (so I can skew the movies if needed).

Can anyone put me on the right path with this?


5:17 pm on Jan 13, 2012 (gmt 0)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

How are you including it?

With either SWFObject or the old school embed/object there are width and height parameters that will override CSS.


7:10 pm on Jan 13, 2012 (gmt 0)

When using the CMS system,, I have an option to "upload" the SFW file to a cloud server. (this is where all of my images and files used in my CMS system are managed). to be more specific - I'm not coding this by hand... I am using the user-interface provided in the CMS system. It has no over riding values.

_This is the CODE surrounding the movie when placed:_
(according to my developer tools)

<div class="bodyContent">
<div class="maincontenthome">
<div id="ctl00_ctl00_cpMainBody_pnlBanner">
<font face="Tahoma" style="font-size: 13px;">
<font face="Tahoma" style="font-size: 13px;">
<object width="150" height="150" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="/cloudFiles/peacock-press\/userimages/c1/uploads/flash/Slideshow1.swf" name="Movie">
<param value="true" name="play">
<param value="high" name="quality">
<param value="transparent" name="wmode">
<param value="false" name="loop">
<param value="false" name="menu">
<embed width="150" height="150" menu="false" loop="false" 
wmode="transparent" quality="high" 


I've tried adding code below to the CSS for
div class "maincontenthome"
...but I've not seen any success from this:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="/cloudFiles/peacock-press\/userimages/c1/uploads/flash/Slideshow1.swf" name="Movie" width="100%" height="100%">

I'm not sure if this answers your question but I hope it helps.
Thanks in advance for your help.

[edited by: alt131 at 8:20 pm (utc) on Jan 13, 2012]
[edit reason] Side Scroll [/edit]


7:34 pm on Jan 13, 2012 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member

no over riding values

I think you misunderstand rocknbil's point.

object width="150" height="150" ... embed width="150" height="150"

Those parts of your "old-schoool" markup will override any CSS styling.



7:52 pm on Jan 13, 2012 (gmt 0)

Those two values (150 x 150) are coming from the "editor"/user-interface. There are actually options to set the width and height of the SWF file(default set to 150) when I insert the SWF; but they are having no impact on the scale of the movie. I was told this was because SFW files need to be defined with CSS. I was under the impression that these values are being used since there was no existing CSS for this SFW object.

I was hoping to generate the CSS rule and have it over ride the malfunctioning scaling tool's info. Is that possible or am I heading down the wrong road?

Featured Threads

Hot Threads This Week

Hot Threads This Month