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

【问题标题】：Video HTML doesn't work on Internet Explorer 11视频 HTML 在 Internet Explorer 11 上不起作用
【发布时间】：2016-09-16 15:23:06
【问题描述】：

我尝试在网页上显示全宽视频，但它在 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%;
}

我该如何解决这个问题？

【问题讨论】：

stackoverflow.com/questions/21124885/… 的可能重复项

标签： javascript html css html5-video

【解决方案1】：

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

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

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

我自己也解决了这个问题，最后只是使用了一个相当冒犯的poster（完全区分 IE 用户，虽然当之无愧），因为问题本身在许多情况下会有所不同，具体取决于例如文件格式和编解码器。我最好的建议是发给search around on Stackoverflow，按日期过滤，并了解其他人是如何解决或解决问题的。

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

【讨论】：