title: how to make video fit to screen
body: <p>iwant to make a fullscreen video </p>
  
  <p>lately i use an image as a cover but i change my mind and i want to use video
  <a href="https://jsfiddle.net/fpjqh822/10/" rel="nofollow">https://jsfiddle.net/fpjqh822/10/</a></p>
  
  <p>thats my old code</p>
  
  <p>and heres my video code </p>
  
  <pre><code>&lt;div class="embed-responsive embed-responsive-16by9"&gt;
  &lt;video  controls poster="http://www.webestools.com/page/media/videoTag/BigBuckBunny.png"&gt;
      &lt;source src="http://www.webestools.com/page/media/videoTag/BigBuckBunny.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
  &lt;/div&gt;
  
  &lt;div id="body2"&gt;lorem ipusm dolor sue lorem ipusm dolor sue lorem ipusm dolor sue lorem ipusm dolor sue lorem ipusm dolor sue lorem ipusm dolor sue&lt;/div&gt;
  </code></pre>
  
  <p>i just want to change the img to video. as you can see from the fiddle. my id test is fit to screen but the video that i want to input is not.not even fit screen not even responsive. how can i make a video fullscreen that fit to screen and responsive</p>
  
  <p>the result in codepen like this with video</p>
  
  <p><a href="http://codepen.io/vicario/pen/jqBNLN" rel="nofollow">http://codepen.io/vicario/pen/jqBNLN</a></p>
  
  <p>still have more hight so not fit on screen</p>