对象-适用于具有100%宽度和设置高度的视频的IE。

Question

我有一个适合集装箱的视频，宽度为100%，固定高度为750 of。该视频已设置为对象适配:填充，这是完美的工作在所有浏览器，除了.你猜到了！我知道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