title: VideoJs Width Height Issue
body: <p>I am trying to work with a video and having it render on the website.</p>
  
  <p>I am not allowed to post the video for legal reasons but have some questions re the width and height of the actual video.</p>
  
  <p>The Original height and width of the video are 960 x 540, and they want it on the website rendering at a 1/3 less height with the video being full width (without black bars on the outside).</p>
  
  <p>I keep explaining that when you scale down the height, the width has to go proportionately so that the video stays in scale.</p>
  
  <p>They showed me examples like this:
  <a href="http://pillar.mediumra.re/home-landing-service-3.html" rel="nofollow noreferrer">http://pillar.mediumra.re/home-landing-service-3.html</a> but fail to understand that the video on the header is cropped from the inital value, and which uses object-fit, which doesn't work in IE11,etc.</p>
  
  <p>Is there anything else i can do or change in the css to make this work.</p>
  
  <p>I tried rescaling the video in VLC and using that but it gets all pixely and when i do the videojs class vjs-16-9 it will be the same height of the previous video.</p>
  
  <p>Also the video is a 18mb video, i tried using the vimeo vjs plugin instead to acommodate less bandwidth but when you hover on the video it will show the control bar from vimeo and i assume they wouldn't want that.</p>
  
  <p>I also tried playing with certain css class' but it doesn't scale down correctly (has the black bars).</p>
  
  <pre><code>/* Video Code Changes */
  .video-js.vjs-fill{
   /* max-height:250px !important;   */
  }   
  .video-js .vjs-tech{
   /* max-height:75% !important;  */
  }
  /* end Video Code changes */
  </code></pre>
  
  <p>Code below For reference (any ideas):</p>
  
  <pre><code> &lt;video id="my-video" class="video-js vjs-default-skin vjs-16-9" preload="auto" poster="MY_VIDEO_POSTER.jpg"  data-setup='{"controls": false, "autoplay": true, "preload": "auto", "muted": true, "loop": true}'&gt;
  
                              &lt;source src="content/video/video_hi.mp4" type='video/mp4' &gt;
  
  
                          &lt;p class="vjs-no-js"&gt;
                              To view this video please enable JavaScript, and consider upgrading to a web browser that
                              &lt;a href="http://videojs.com/html5-video-support/" target="_blank"&gt;supports HTML5 video&lt;/a&gt;
                          &lt;/p&gt;
                      &lt;/video&gt;  
  </code></pre>