альтернатива объектного соответствия для IE для видео со 100% шириной и установленной высотой

Question

У меня есть видео, которое помещается в контейнер и имеет ширину 100% и фиксированную высоту 750 пикселей.Видео было установлено в соответствии с объектом: заполнить, и это прекрасно работает на всех браузерах, кроме ..... как вы уже догадались IE!Я понимаю, что объектная подгонка не поддерживается в IE, и мне интересно, знает ли кто-нибудь обходной путь?

 #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;
          }

 <div id="mainContainer">
     <video id="mainVideo" autoplay loop>
          <source src="video.mp4">
     </video>
 </div>    

Answer 1

Совсем не удивительно ;-) IE не поддерживает свойство подгонки объекта, но для этого есть полифилы.Я всегда использую это: https://github.com/bfred-it/object-fit-images

РЕДАКТИРОВАТЬ : И для видео https://github.com/constancecchen/object-fit-polyfill