HTML5視頻不會在IE9打

網址：http://carolpolis.com/#media HTML5視頻不會在IE9打

HTML

<video width="auto" height="200px" poster="images/WithCourage.jpg" controls> 
<source src="media/WithCourage.mp4" type="video/mp4"> 
<source src="media/WithCourage.webm" type="video/webm"> 
<source src="media/WithCourage.ogv" type="video/ogg"> 
Your browser does not support the video tag. 
</video>

的.htaccess

AddType video/ogg .ogv 
AddType video/ogg .ogg 
AddType video/mp4 .mp4 
AddType video/webm .webm 
AddType application/x-shockwave-flash swf

文檔類型

<!DOCTYPE HTML>

Firefox中的視頻的完美播放和鉻，但在IE9我只有即「海報」形象，並且沒有媒體控制。它似乎知道它們是視頻，但是當我右鍵單擊它們並按下「播放」時，沒有任何反應。

非常感謝您的幫助！梅雷迪思

來源

2013-02-22 user2081482

解決您的HTML第一：http://validator.w3.org/check?verbose= 1＆uri = http％3a％2f％2fcarolpolis.com％2f＃media – ZippyV 2013-02-22 21:18:52

我做了，謝謝http://validator.w3.org/check?uri=http%3A%2F%2Fcarolpolis.com%2F – user2081482 2013-02-22 22:08:48

太棒了，現在我們可以尋找真正的問題。 – ZippyV 2013-02-23 00:16:07

你的MP4視頻的編碼是不正確的。

根據this question的回答，我將您網站上的一個視頻轉換爲使用基準（3）編碼配置文件，並使視頻在IE10的html頁面上工作。

來源

2013-02-23 00:15:13 ZippyV

我不想用PHP轉換視頻，所以我在這裏使用了HTML5視頻轉換器http://www.dvdvideosoft.com/free-dvd-video-software.htm，並用新的替換了.mp4文件我假設有正確的編碼配置文件來使用IE9。感謝您指點我正確的方向。 – user2081482 2013-02-23 22:31:22

在這個問題中的人使用ffmpeg http://www.ffmpeg.org/這是dvdvideosoft可能在幕後使用。 – ZippyV 2013-02-23 22:58:45

嘗試使用絕對路徑，如：

<video width="auto" height="200px" poster="images/WithCourage.jpg" preload controls> 
<source src="http://carolpolis.com/media/WithCourage.mp4" type="video/mp4"> 
<source src="http://carolpolis.com/media/WithCourage.webm" type="video/webm"> 
<source src="http://carolpolis.com/media/WithCourage.ogv" type="video/ogg"> 
Your browser does not support the video tag. 
</video>

並添加<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

來源

2013-02-22 21:06:58 Vinit

嘗試過，但沒有運氣。謝謝你的努力！ – user2081482 2013-02-22 21:52:50

請檢查更新 – Vinit 2013-02-23 00:16:06

已將更新添加到部分和預加載屬性，但該視頻在IE9中似乎仍無法播放。音頻文件沒問題，只是視頻。再次感謝您的嘗試！ – user2081482 2013-02-23 21:31:57

在這個問題上浪費了很多時間後，我發現返回內容類型的問題（與fiddler2）是錯誤的。我試圖用web.config中解決它，但沒有任何幫助。所以我寫了具體的行動視頻文件，並解決了問題

public ActionResult GetVideoFile(string id = "") 
{ 
    string dir = Server.MapPath("/Content/MyVideoFiles"); 
    string path = System.IO.Path.Combine(dir, id); 
    if ((System.IO.File.Exists(path))) { 
     return File(path, "video/mp4"); 
    } 
    return null; 
}

來源

2013-07-01 22:09:13 DimaZ

HTML5視頻不會在IE9打

回答

相關問題