视频HTML在Internet Explorer 11上不起作用

Question

我尝试在网页上显示全宽视频，但在IE 11上不起作用。

html代码：

<div id="containerVideo">

     <video id="video" autoplay><source src="assets/videos/video1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
        <source src="assets/videos/video1.webm" type='video/webm; codecs="vp8, vorbis"' /> 
        <source src="assets/videos/video1.ogg" type='video/ogg"' />
        Video not supported. 
    </video>

</div> <!-- fin Container Video -->

CSS代码：

#containerVideo {
    position:absolute;
    height:100%;
    width:100%;
    overflow: hidden;
    z-index: 1; 
}

#containerVideo video {
    min-width: 100%;
    min-height: 100%;
}

我该如何解决？

Answer 1

根据Microsoft自己的说法，音频和视频必须在服务器上设置正确的mime类型。

您可能必须在标记中包含编解码器。

例子有各种各样的替代解决方案。

我自己解决了这个问题，最终只使用了一个令人反感的poster （完全区别了IE用户，这是理所应当的），因为在许多情况下，问题本身因文件格式和编解码器而异。 我最好的建议实际上是在Stackoverflow上搜索 ，按日期过滤，并找出其他人如何解决或解决该问题。

这绝对是一个重复的问题，但是祝您好运。