HTML5視頻無法在IE9中播放

Question

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和Chrome中完美播放，但在IE9中我只看到“海報”圖像而沒有媒體控件。 它似乎知道它們是視頻，但當我右擊它們並按“播放”時沒有任何反應。

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

Answer 1

您的mp4視頻編碼不正確。

根據這個問題的答案，我將您網站上的一個視頻轉換為使用基線（3）編碼配置文件，並使視頻在IE10的html頁面上運行。

Answer 2

嘗試使用絕對URL，如：

<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"/>

Answer 3

浪費了這個問題很多時間。我發現返回內容類型的問題（使用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;
}

HTML5視頻無法在IE9中播放

問題描述

3 個解決方案

解決方案1
2 已采納 2013-02-23 00:15:13

解決方案2
0 2013-02-22 21:06:58

解決方案3
0 2013-07-01 22:09:13

HTML5視頻無法在IE9中播放

問題描述

3 個解決方案

解決方案1 2 已采納 2013-02-23 00:15:13

解決方案2 0 2013-02-22 21:06:58

解決方案3 0 2013-07-01 22:09:13

解決方案1
2 已采納 2013-02-23 00:15:13

解決方案2
0 2013-02-22 21:06:58

解決方案3
0 2013-07-01 22:09:13