title: HTML5 video tag width and height
body: <p>All, I have some video playing on my website, and I want it to play <code>width: 100%; height: 600px;</code> but nothing I have tried has worked so far.</p>
  
  <p>When I set the <code>height: 600px;</code> the width of the video is proportionate. I basically want to achieve the same effect as background-size: cover, with a height of 600px. I am using inline CSS, and that part can be changed, but I am more concerned with how to achieve a custom height and width of a video, if even possible. Thank you.</p>
  
  <p>ANY help is highly appreciated. Here is my code for the <code>&lt;video&gt;</code></p>
  
  <pre><code>&lt;video loop="loop" poster="img/waves1.jpg" style="width: 100%; height: 600px;" autoplay="autoplay"&gt;
              &lt;source src="video/sunset.webm" type="video/webm"&gt;
              &lt;source src="video/sunset.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>