How to make flash movie to scale proportunatly to div width?
- by user73119
I have put together an example page detailing my problem
My website is going to have a main wrapper that is set to a max-width property for compatible browsers. It will stretch to 940px across at max. When scaled down I would like the swf to scale proportionately with it. Like an image with width percent applied. The flash movie has the dimensions of 940 × 360 pixels.
I can't seem to figure out the correct attributes to add to the embed tag to get it to do this.
I am currently using jquery flash embed, but am open to other options, though this is my ideal.
In the example I have set the flash background to black.
When resize the browser window the flash movie doesn't scale proportionately to the div, only the photo does, leaving a blank canvas (black), while the div height stays the same. I can't add a height value in the CSS.
How do I make this scale correctly? Adding a noscale param only crops the image. The swf's height doesn't scale also.
All of my code can be viewed in the linked examples source.