Question

使用html5视频标签时遇到问题

我在页面上创建了一个示例aspnet mvc项目（名为Index），我测试了视频标记

@{
 ViewBag.Title = "Index";
}

<h2>Index</h2>


<video  autoplay="true" controls="controls"  type="video/mp4" id="vd" >  
    <source src="/Content/Video/oceans-mini.mp4"></source>
 Your browser does not support the <code>video</code> element.  
</video>

开始调试这个项目，它只能在Safari和Chrome中运行，IE和firefox有一个带灰色矩形和内部“X”符号的转储......

使用firebug检查网络请求/响应后，我得到了这个

[Response]
HTTP/1.1 206 Partial Content
Server: ASP.NET Development Server/10.0.0.0
Date: Tue, 27 Sep 2011 04:35:46 GMT
X-AspNet-Version: 4.0.30319
Content-Range: bytes 0-4484952/4484953
Etag: "1CC78E2DCD83280"
Cache-Control: public
Content-Type: application/octet-stream
Content-Length: 4484953
Connection: Close

为什么连接“关闭”，我的项目中是否有任何配置需求

这里我的web config / webserver部分，仍为默认

<system.webServer>
   <validation validateIntegratedModeConfiguration="false"/>
   <modules runAllManagedModulesForAllRequests="true"/>
   <staticContent>
     <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
   </staticContent>

 </system.webServer>

欣赏任何建议

Answer 1

firefox不了解像mp4这样的专有格式。你应该使用单独的视频格式并将它们放在像这样的源元素中

＆lt;视频控件＆gt; ＆lt; source src =“foo.ogg”type =“video / ogg”＆gt; ＆lt; source src =“foo.mp4”type =“video / mp4”＆gt;

您可以通过media.io

在线生成不同的格式

Answer 2

Apple使用mp4而firefox也就是使用.ogg / .ogv。 OGG是标准，但Apple拒绝使用它，这就是为什么现在有两个。

<video  autoplay controls>      
<source src="/Content/Video/oceans-mini.mp4" type="video/mp4">
<source src="/Content/Video/oceans-mini.ogv" type="video/ogg">
Your browser does not support the <code>video</code> element.   
</video>

Firefox视频标记失败

2 个答案: