title: HTML5 video with fixed height, but scale width to 100%
body: <p>What I want to do is have an HTML5 video scale 100% width of the page, but maintain a fixed height of 650px.</p>
  
  <p>The following code scales to maintain aspect ratio, which is <strong>not</strong> what I need:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;header&gt;
      &lt;video width="100%" autoplay="autoplay"&gt;
          &lt;source src="video.webm" type="video/webm; codecs=vp8,vorbis"&gt;
      &lt;/video&gt;
  &lt;/header&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I also tried a <code>max-height="650px"</code> but this only centres the video and leaves whitespace on either side.</p>