Question

我有一个适合容器的视频，宽度为100％，固定高度为750像素。该视频已被设置为object-fit：fill，这在所有浏览器上都能完美运行，除了.....你猜对了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

对于具有100％宽度和设置高度的视频的IE的对象替代替代方案

1 个答案: