2011-09-27 43 views
0

我有一個問題,當使用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」符號內傾倒......

用螢火蟲來檢查網絡的請求/響應後,我得到這個

[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配置/ Web服務器部分,仍然是默認

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

</system.webServer> 

明白任何建議

+0

現在[適用於HTML5音頻和視頻NuGet包,請檢查該鏈接(http://www.nuget.org/packages/MVC4.Video/) – Sender

回答

0

火狐不瞭解像mp4這樣的專有格式。應該使用單獨的視頻格式,並把它們在源元件,像這樣

<視頻控制> <源SRC =「foo.ogg」類型=「視頻/ OGG」 > <源SRC =「foo.mp4」 TYPE = 「視頻/ MP4」 >

您可以通過media.io

+0

是啊,我已經想好喜歡你,但你可以解釋爲什麼它的工作原理:http://videos-cdn.mozilla.net/serv/marketing/firefox4/FF4_Jess3Features_VO_1.mp4 – simpleman

+0

我可以解釋它爲什麼有效嗎?或爲什麼你不? Firefox不知道.mp4文件是什麼。 .mp4是專有的Apple廢話,我很驚訝鉻支持它......我認爲他們放棄了對它的支持。無論如何,你必須提供一個gecko可以理解的格式。 – albert

+0

@albert「mp4格式」這些格式是什麼樣的?謝謝 – MasterMastic

0

在線生成不同格式的蘋果使用MP4,而Firefox和IE使用.OGG /的.ogv。 OGG是標準,但是,蘋果拒絕使用它,這就是爲什麼現在有兩個。

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