title: Make a video be full screen size CSS
body: <p>I'm using the videojs.com video player and it works great the only problem is that I want the video player to be the full-screen size instead of using pixels like for example if you are on a smaller screen the video player looks messed up.
  I tried to use 100% instead of px but it also messed up a lot.
  Is there some other way I can make it fit the whole screen automatically?</p>
  
  <pre><code>&lt;video id="player" class="video-js vjs-default-skin" controls autplay="true" preload="auto" width="1880px" height="980px"
    poster="FF7.png"
    data-setup="{}"&gt;
  &lt;source src="FF7.mp4" type='video/mp4' /&gt;
  &lt;track kind="subtitles" src="FF7.vtt" srclang="en" label="Svenska"&gt;&lt;/track&gt;
   &lt;/video&gt;
  </code></pre>