IE 的 object-fit 替代方案，用于具有 100% 宽度和设置高度的视频

Question

我有一个适合容器的视频，宽度为 100%，固定高度为 750 像素。视频已设置为 object-fit:fill，这可以在所有浏览器上完美运行，除了......你猜对了 IE！我知道 IE 不支持 object-fit 并想知道是否有人知道解决方法？

 #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 不支持 object-fit 属性，但是有一些 polyfills 可以做到这一点。 我总是用这个：https://github.com/bfred-it/object-fit-images

编辑： 对于视频 https://github.com/constancecchen/object-fit-polyfill