0

网址:http ://carolpolis.com/#media

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 中我只看到“海报”图像而没有媒体控件。似乎知道它们是视频,但是当我右键单击它们并按“播放”时,没有任何反应。

非常感谢您的帮助!梅雷迪思

4

3 回答 3

2

您的 mp4 视频的编码不正确。

根据对这个问题的回答,我将您网站上的一个视频转换为使用基线 (3) 编码配置文件,并使视频在 IE10 的 html 页面上工作。

于 2013-02-23T00:15:13.583 回答
0

尝试使用绝对 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"/>

于 2013-02-22T21:06:58.630 回答
0

在这个问题上浪费了很多时间之后。我发现返回内容类型错误的问题(使用 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-01T22:09:13.043 回答