title: How to build a dynamic resize-able Flash player
body: <p>Morning stackers! So my question today isn't dealing with any code, but how to go about this the correct way from the start. I have a video player built to a static size (max: 800x600) which I'll have to re-code every time I need it to be a different size.</p>
  
  <p>What I need it to do in the near future is dynamically resize itself and all the elements inside of it based on 1 width variable that it will received either from HTML or XML.</p>
  
  <p><strong>Now to me there are 2 ways to go about this:</strong></p>
  
  <ul>
  <li>Start with the smallest size possible and resize upwards, but I'm unsure of how the Flash movie will actually expand upwards as of right now.</li>
  <li>Or 2, start with the largest size possible (in this case 800x600) and size everything down.</li>
  </ul>
  
  <p>Step 1, I think seems to be the better way to go about this (ala YouTube style), but Step 2 also seems like it could be the easier way? A friend of mine mentioned that I should go with the larger size and have elements resize in each class, then fix to the upper left hand corner. However for the player to fit inside of certain div columns on sites, blogs whatever he said that there will have to be an HTML/CSS side of this... meaning that the div containing the resized flash player will have to cover up the areas of the Flash movie that are not to be shown? Is that possible to put a 800x600 flash movie into a div that smaller then 800 pixels wide? And cover it up with another div?</p>
  
  <p><strong>Anyways, my mission is to be able to have a dynamically sized player like this:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/oq584.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oq584.png" alt="alt text"></a><br>
  <sub>(source: <a href="https://farm3.static.flickr.com/2688/4090193306_852e7bebf4_o.png" rel="nofollow noreferrer">flickr.com</a>)</sub>  </p>
  
  <p>Thoughts? Recommendations? Best practices for this before I start?</p>