HTML5視頻不能在IE9 + 10中工作

我試圖在多個瀏覽器上使用HTML5視頻製作圖像橫幅。我的視頻可以在大多數操作系統的Chrome和Firefox上運行，但Internet Explorer似乎無法在IE9上運行。橫幅所在的頁面與視頻文件不在同一文件夾中;橫幅廣告存在於多個頁面中。HTML5視頻不能在IE9 + 10中工作

我可以看到的問題是，IE9和10無法在視頻HTML5代碼中看到Flash後備選項，並且它沒有註冊。我想創建某種if-else語句，強制使用IE9或10的用戶查看Flash版本，同時將所有其他瀏覽器重定向到一般的HTML5版本。此橫幅適用於以下版本，包括IE8。

我沒有訪問.htaccess文件;我在其他地方看到了這個建議，以便手動添加MIME類型（甚至在我在每個視頻源代碼行中指定它之後）。我查看了IE9 + 10中的控制檯，看看MIME類型是否是問題，並且沒有錯誤向上。右鍵點擊視頻出現的空間也給了我HTML5視頻選項，但點擊播放什麼也沒做。

如果有人可以幫助我調試代碼或弄清楚如何使其工作，那就太好了。謝謝！以下是我使用的HTML5視頻代碼，適用於Chrome，Firefox和其他瀏覽器。

<video autoplay loop> 
<source src="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/Fulmar_Banner.mp4" type="video/mp4"> 
<source src="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/Fulmar_Banner.ogv" type="video/ogg"> 
<source src="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/FlashFulmar Slideshow.webmhd.webm" type="video/webm"> 
<object width="954" height="224" type="application/x-shockwave-flash" data="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/Fulmar%20Banner.swf"> 
    <param name="movie" value="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/Fulmar%20Banner.swf" /> 
</object> 
</video>

編輯：mp4文件的編解碼器是h.264 + AAC。

來源

2014-04-01 Shea Belsky

什麼編解碼器是用mp4編碼的？並非所有瀏覽器都支持相同的編解碼器。 IE9只支持h264和mp3/aac，我不確定什麼ie10支持 –

我很確定_IE9 + _支持'

IE僅支持視頻源有限的一組編解碼器的

IE 9支持H264與MP3/AAC，VP8和VP9都是可疑的，所有其他人似乎並不支持。

MDN doc on media browser compatibility

所以，你將不得不提供多個視頻源，支持每個瀏覽器，但不一定適合每個瀏覽器的一些瀏覽器的視頻在他們的支持不重疊。

提供帶有h264 aac/mp3的視頻應該在IE，Safari和Chrome上播放。雖然帶有Theora或VP8的視頻應該在Firefox和Opera上播放

來源

2014-04-01 17:39:44

我有一個MP4格式爲.h264作爲源選項。它不適用於IE9 + 10。除了'video \ mp4'之外，我還需要指定其他類型嗎？ –

您可以嘗試指定正在使用的實際編解碼器。因此，不要只是放入'type =「video/mp4」'你可以把'type ='video/mp4;編解碼器=「avc1.42E01E，mp4a.40.2」「，但將列出的實際編解碼器替換爲您的視頻使用的編解碼器。 –

一個快速和骯髒的解決辦法是迫使IE效仿舊版本的瀏覽器：

<!-- Mimic Internet Explorer 8 --> 
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" > 
    <meta http-equiv="X-UA-Compatible" content="IE=8" >

注意，這些<meta標籤必須放於頭所有其他元素之前（除了標題元素和其他元素外）。

來源

2014-04-01 17:28:00

這是否只強制Internet Explorer版本8或所有瀏覽器？ –

@ user2246272只有Internet Explorer –

HTML5視頻不能在IE9 + 10中工作

回答

相關問題