2014-01-14 255 views
10

我有一個視頻存檔,我除了IE 11以外的所有內容都能正常工作。在IE 11中加載時出現錯誤「錯誤:不支持的視頻類型或無效文件路徑」。下面是HTML我在用。HTML5視頻不能在IE瀏覽器中工作11

<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中工作?

回答

14

我相信IE需要H.264或MPEG-4編解碼器,它看起來像你沒有指定/包括。您始終可以使用HTML5PleaseCan I use...來檢查瀏覽器支持。這兩個網站通常都有關於如何利用新技術的支持,polyfills和建議的最新信息。

+2

如何指定編解碼器? – shubniggurath

+3

@shubniggurath'' –

31

視頻的分辨率是多少?我在Win7中遇到了與IE11類似的問題。微軟H.264解碼器在Windows 7中僅支持1920x1088像素。請參閱我的故事:http://lars.st0ne.at/blog/html5+video+in+IE11+-+size+does+matter

+1

哇,這太愚蠢了......他們爲什麼需要限制大小?謝謝你的文章。 – klenium

+2

這是48x48高達1920x1088。 Windows 7更高分辨率被接受後,但不能保證顯示。 – ClearCrescendo

+4

哇神聖的f-,我只是有這個bug,對我來說,問題是我顯示的視頻是1920x1077,它只是顯示一個黑屏。然後,一旦我注意到奇怪的分辨率,並將其延伸至1920x1080,視頻就起作用了!親愛的上帝,微軟在發動機罩上發生了什麼?這些事情發生了嗎?!?!感謝大家在這個問題上暗示我看決議,微軟;我恨你。 –

6

我一直在使用Windows 8.1上的IE11播放視頻的問題。我沒有意識到的是我運行的是Windows的N版本,這意味着沒有安裝媒體功能。安裝Media Feature Pack for N and KN versions of Windows 8.1並重新啓動我的電腦後,它工作正常。

作爲一個側面說明,視頻在Chrome,Firefox等中運行良好,因爲這些瀏覽器正確回落到webm文件。

+0

謝謝。因爲我從來沒有完全解決過這個問題,所以我可以給你一個機會是的,所有其他瀏覽器也適合我。 – shubniggurath

+0

銖。花了3個小時尋找錯誤。 windows 7 n。感謝您的發佈。 – bokorben

0

儘管MP4在Internet Explorer中受支持,但它對於如何對文件進行編碼無關緊要。確保在渲染視頻文件時使用BASELINE編碼。這固定我的問題與IE11

0

我知道這是舊的,但這裏是一個額外的事情,如果你仍然遇到上述解決方案的問題。

只要把你的<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" 
0

這是由於IE文檔模式版本太低。按'F12'並使用更高版本(我的情況,版本9以上即可)

相關問題