title: How to set height and width of video element in percent
body: <p>I am trying give a video <code>width:100%; height:90%;</code>. I have something like this:</p>
  
  <pre><code>&lt;video id='video' &gt;
           &lt;source src='test..mp4' type="video/mp4"&gt; 
  &lt;/video&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#video{
     display: block;
     width:100%;
     max-height:90%;
     z-index: 1;
     background-color: black;
  }
  </code></pre>
  
  <p>I can't seem to set 90% for my height unless I use 1200px or 1000px. </p>
  
  <p>I want my video to cover 90% of the height of my screen. How do I do this?</p>