title: Set Video height in HTML5
body: <p>May be its a simple question but it's really driving me crazy.
  I just want to set the height and width of the HTML5 video.</p>
  
  <p>I am using this code:</p>
  
  <pre><code> &lt;video controls="controls" width="1000" id="video"&gt;
              &lt;source src="sintel-trailer.ogv" type='video/ogg; codecs="theora, vorbis"'&gt;
              &lt;source src="sintel-trailer.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'&gt;
    &lt;/video&gt;
  </code></pre>
  
  <p>Result:
  <img src="https://i.stack.imgur.com/eYeoz.png" alt="enter image description here"></p>
  
  <p>If I add height attribute </p>
  
  <pre><code>&lt;video controls="controls" width="1000" height="300" id="video"&gt;
                  &lt;source src="sintel-trailer.ogv" type='video/ogg; codecs="theora, vorbis"'&gt;
                  &lt;source src="sintel-trailer.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'&gt;
   &lt;/video&gt;
  </code></pre>
  
  <p>Result:
  <img src="https://i.stack.imgur.com/Wu2II.png" alt="enter image description here"></p>
  
  <p>So am I missing something here?</p>
  
  <p>Can anyone correct the mistake I'm doing.</p>