How do I scale flash movie

swf, scale, flash, css

[BRoberson1657]

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?

[rocknbil]

How are you including it?

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

[BRoberson1657]

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" 
pluginspage="http://www.macromedia.com/go/getflashplayer" 
type="application/x-shockwave-flash" 
src="/cloudFiles/peacock-press%5C/userimages/c1/uploads/flash/Slideshow1.swf">

---------END------------

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]

[Samizdata]

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.

...

[BRoberson1657]

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?