title: video.js size to fit div
body: <p>I have a <code>video</code> in a <code>div</code> with a 40% width.  In the html, <code>width="100%" height="auto"</code> makes the video disappear. Setting a specific size in pixels won't fit the <code>div</code>. Leaving the html blank leaves the video the wrong size and with black bars on the sides.  </p>
  
  <p>I've tried the suggestions in most other posts, but can't seem to get it to work. </p>
  
  <pre><code>&lt;div id="box"&gt;&lt;video id="trialvid" class="video-js vjs-default-skin"
    controls preload="auto" width="auto" height="auto" poster="images/reelthumbnail.jpg"
    data-setup='{"example_option":true}'&gt;
   &lt;source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' /&gt;
   &lt;source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' /&gt;
   &lt;source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /&gt;
  &lt;/video&gt;
  &lt;/div&gt;
  </code></pre>