javascript - 视频 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

音频和视频必须在服务器上设置正确的 mime 类型，according to Microsoft themselves .

You may have to include a codec in the mark-up.

有多种替代解决方案，EXAMPLE .

我自己也曾与这个问题作过斗争，最后只是使用了一个非常令人反感的海报(完全歧视 IE 用户，尽管这是当之无愧的)，因为问题本身在很多情况下都不同，例如取决于文件格式和编解码器。我最好的建议是 search around on Stackoverflow ，按日期过滤，并找出其他人如何绕过或解决问题。

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