title: Rescaling and resizing embeded wmv file in webpage
body: <p>i am embedding a wmv file in my webpage</p>
  
  <p>but the problem is that i cant rescale the video frame to the object size and div</p>
  
  <p>here's my code</p>
  
  <pre><code>&lt;div style="width: 300px; height: 220px;"&gt;
                 &lt;object width="300" height="220" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Microsoft® Windows® Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsm p2inf.cab#Version=6,4,7,1112"&gt; 
  &lt;param name="fileName" value="&lt;?php echo base_url().$row['video_image'];?&gt;"&gt; 
  &lt;param name="autoStart" value="false"&gt; 
  &lt;param name="showControls" value="true"&gt; 
  &lt;param name="AllowChangeDisplaySize" value="true"&gt; 
  &lt;param name="AutoSize" value="true"&gt;
  &lt;param name="ClickToPlay" value="true"&gt; 
  &lt;embed type="application/x-mplayer2" 
         WIDTH="300" HEIGHT="220" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="&lt;?php echo base_url().$row['video_image'];?&gt;" autoStart="false" &gt;&lt;/embed&gt;
  &lt;/object&gt;
                 &lt;/div&gt;
  </code></pre>
  
  <p>the problem with my above script is that if the video frame size is 700x500 then its not getting automatically resized to the object size or the div size like width=300px and height=220px</p>
  
  <p>as such, some portion of the video cant be seen in the frame... i searched for a suitable answer, but cudnt find any...</p>
  
  <pre><code>EDIT
  </code></pre>
  
  <p>i used this following script as i got hint</p>
  
  <pre><code>&lt;object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
  type="application/x-oleobject" style="width: 300px; height: 200px;"&gt;
  &lt;param name="URL" value="&lt;?php echo base_url().$row['video_image'];?&gt;" /&gt;
  &lt;param name="stretchToFit" value="1" /&gt;
  &lt;param name="showControls" value="1" /&gt;
  &lt;param name="showStatusBar" value="0" /&gt;
  &lt;param name="animationAtStart" value="1" /&gt;
  &lt;param name="autoStart" value="1" /&gt;
  &lt;param name="enableFullScreenControls" value="1"
  /&gt;&lt;embed src="&lt;?php echo base_url().$row['video_image'];?&gt;" style="width: 300px; height: 200px;" autoStart="1" animationAtStart="1" enableFullScreenControls="1" stretchToFit="1" type="application/x-ms-wmp"/&gt;&lt;/embed&gt;&lt;/object&gt;
  </code></pre>
  
  <p>though i have edited this script, still no effect is taking place</p>
  
  <p>i saw that i can stretch the video frame size, but if i want to shrink the video-frame, that is not happening.. i mean if my video size is 300x200, then if i set the video size as 400x300, the the size is stretching..</p>
  
  <p>but if i want to set the size as 100x80, the the video is running and only a protion of the video is being shown, as such it seems the video frame size is not getting shrinked</p>
  
  <p>problem is that if in the second above code i delete the following line </p>
  
  <pre><code>&lt;embed src="&lt;?php echo base_url().$row['video_image'];?&gt;" style="width: 300px; height: 200px;" autoStart="1" animationAtStart="1" enableFullScreenControls="1" stretchToFit="1" type="application/x-ms-wmp"/&gt;&lt;/embed&gt;
  </code></pre>
  
  <p>then also the video is playing in the google-chrome...but not in firefiox</p>
  
  <p>so that means </p>
  
  <pre><code>&lt;embed src="&lt;?php echo base_url().$row['video_image'];?&gt;" style="width: 300px; height: 200px;" autoStart="1" animationAtStart="1" enableFullScreenControls="1" stretchToFit="1" type="application/x-ms-wmp"/&gt;&lt;/embed&gt;
  </code></pre>
  
  <p>is responcible for the video in firefox.. now as i told earlier i can stretch the video frame  to bigger dimension, but cant shrink it to smaller dimension</p>