homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

How do I scale flash movie
swf, scale, flash, css

Msg#: 4406560 posted 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?



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

Msg#: 4406560 posted 5:17 pm on Jan 13, 2012 (gmt 0)

How are you including it?

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


Msg#: 4406560 posted 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]


WebmasterWorld Senior Member 5+ Year Member

Msg#: 4406560 posted 7:34 pm on Jan 13, 2012 (gmt 0)

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.



Msg#: 4406560 posted 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?

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved