HTML5视频无法在IE 11中运行

时间:2014-01-14 21:59:02

标签: html5 internet-explorer video

我有一个视频档案,除了IE 11以外我在其他所有工作。我在IE 11中加载时收到错误“错误:不支持的视频类型或无效的文件路径”。下面是我正在使用的HTML。

<video id="movie" width="640" height="400" autobuffer controls preload="auto"> 
                <source src="/media/Archive_Videos/September%202013/September_13_U-RUN.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
                <source src="/media/Archive_Videos/September%202013/September_13_U-RUN.webm" type='video/webm; codecs="vp8, vorbis"' />
                <source src="/media/Archive_Videos/September%202013/September_13_U-RUN.ogv" type='video/ogg; codecs="theora, vorbis"' />
                    <object type="application/x-shockwave-flash" data="http://player.longtailvideo.com/player.swf" width="640" height="360">
                        <param name="movie" value="http://player.longtailvideo.com/player.swf" />
                        <param name="allowFullScreen" value="true" />
                        <param name="wmode" value="transparent" />
                        <param name="flashVars" value="controlbar=over&amp;file=SITE%2Fmedia%2FArchive_Videos%2FSeptember%25202013%2FSeptember_13_U-RUN.mp4" />
                        <span title="No video playback capabilities, please download the video below">September 2013 U-RUN</span>
                    </object>
                <p>OOPS! It looks like your browser doesn't support HTML5 videos. You can either install the latest version of your browser or download the video below:
                <br /><a href="SITE.com/media/Archive_Videos/September%202013/September_13_U-RUN.mp4">MP4 format</a> | <a href="SITE.com/media/Archive_Videos/September%202013/September_13_U-RUN.ogv">Ogg format</a> | <a href="SITE.com/media/Archive_Videos/September%202013/September_13_U-RUN.webm">WebM format</a></p>
            </video>

我还有一个.htaccess文件,因此可以在Firefox中使用。

AddType audio/ogg oga ogg 
AddType video/ogg ogv

为什么它不能在IE 11中运行?

8 个答案:

答案 0 :(得分:33)

视频的分辨率是多少?我在Win7中遇到了与IE11类似的问题。 Microsoft H.264解码器在Windows 7中仅支持1920x1088像素。请参阅我的故事:http://lars.st0ne.at/blog/html5+video+in+IE11+-+size+does+matter

答案 1 :(得分:16)

我认为IE需要H.264或MPEG-4编解码器,它似乎没有指定/包含。您始终可以使用HTML5PleaseCan I use...来检查浏览器支持。这两个站点通常都有关于支持,polyfill以及如何利用新技术的建议的最新信息。

答案 2 :(得分:6)

我一直有类似问题的视频无法在Windows 8.1上播放IE11。我没有意识到的是我运行的是N版Windows,这意味着没有安装任何媒体功能。安装Media Feature Pack for N and KN versions of Windows 8.1并重新启动电脑后,它工作正常。

作为旁注,该视频在Chrome,Firefox等中运行良好,因为这些浏览器正确地回归到webm文件。

答案 3 :(得分:2)

我知道这已经过时了,但如果你仍然遇到上述解决方案的问题,还有一件事。

只需输入您的<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

它会阻止IE跳回IE9兼容性,从而打破视频功能。 为我工作,所以如果你仍有问题,请考虑检查一下。

或者你可以在PHP中添加它:

header('x-ua-compatible: ie=edge');

或者在.htaccess文件中:

header set X-UA-Compatible "IE=Edge"

答案 4 :(得分:0)

虽然Internet Explorer中支持MP4,但您对文件进行编码的方式也很重要。确保在渲染视频文件时使用BASELINE编码。这修复了IE11的问题

答案 5 :(得分:0)

这是由于IE文档模式版本太低。按&#39; F12&#39;并使用更高版本(我的情况,上面的版本9可以)

答案 6 :(得分:0)

在我的情况下,mp4文件的编解码器ID是问题,编解码器ID:isom(isom / iso2 / avc1 / mp41) 在我将它转换为&#34; mp42(mp42 / isom / avc1)&#34;之后,我没有使用视频标签在IE 10和11中播放。使用FFmpeg它也开始在IE中播放。

答案 7 :(得分:0)

我用MP4Box来解码mp4中的atom标签。 (MP4Box -v myfile.mp4)我也使用ffmpeg将mp41转换为mp42。比较差异并进行实验后,我发现IE11不喜欢我的原始mp4在stsd中包含两个avC1原子。

在我的原始mp41 mp4中删除重复的avC1之后,IE11会播放mp4。