我正在尝试让全屏视频在我的网站上正常播放,但是我无法使其在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>