title: object-fit alternative for IE for a video with 100% width and set height
body: <p>I have a video that fits in a container and has a width of 100% and a fixed height of 750px.  The video has been set to object-fit: fill, and this works perfectly on all browser apart from..... you guessed it IE!  I understand that object-fit is not supported in IE and wonder if anyone knows a workaround?  </p>
  
  <pre><code> #mainContainer {
            width: 100%;
            height: 750px;
            border-bottom: solid 4px #9B51E0;
            position: relative;
            }
   #mainVideo {
            width: 100%;
            height: 750px;
            object-fit: fill;
            position: absolute;
            opacity: 0.85;
            }
  
   &lt;div id="mainContainer"&gt;
       &lt;video id="mainVideo" autoplay loop&gt;
            &lt;source src="video.mp4"&gt;
       &lt;/video&gt;
   &lt;/div&gt;    
  </code></pre>