IE上的全屏视频

时间:2019-03-11 20:49:36

标签: html css

我正在尝试让全屏视频在我的网站上正常播放,但是我无法使其在IE Edge和11上正常运行。如果我将height:auto添加到我的课程中,则它可以在IE和视频出现在屏幕的整个宽度上,但是在Chrome ect中布局并不理想,带有此声明,因为它在底部增加了一堆空间。

有没有办法让height:auto仅由IE浏览器读取而不受Chrome,Firefox等的约束?

#video-wrapper,
#video {
position: absolute;
top: 0;
left: 0;
z-index: 1;
min-height: 100%;
min-width: 100%;
}

#video { 
  height: auto; /*only want this read by IE */
  object-fit: cover;
}

HTML

<section id="video-wrapper">
  <video autoplay muted loop id="video">
    <source src="...">
  </video> 
</section>

0 个答案:

没有答案