【问题标题】: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%;
}

我该如何解决这个问题?

【问题讨论】:

标签: 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,按日期过滤,并了解其他人是如何解决或解决问题的。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-10-26
    • 1970-01-01
    • 1970-01-01
    • 2016-10-20
    • 2019-08-12
    • 2014-08-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多