2013-03-27 139 views
17

我已將文件轉換爲三種不同格式:mp4,web和ogv。根據caniuse firefox據說支持ogg和webm,但沒有什麼玩。未在Firefox中播放HTML5視頻

我轉換的文件使用Miro Converter,根據其他人應該工作得很好。我相信Chrome會選擇webm文件(如果我右鍵單擊 - >在新選項卡中打開,它會顯示webm文件),這非常棒。

網址的網站:http://dev.fristil.se/hbh/

我有一個靜態圖像作爲背景。視頻假設在上面顯示,所以如果它沒有移動,你可以告訴它不工作。

任何想法?

回答

30

您的服務器沒有爲該文件發送正確的MIME類型。

它發送Content-Type: text/plain

HTML5視頻可在Safari,Chrome和IE 9播放而在Firefox或IE 7-8。如果你修復了MIME類型的問題,它將在Firefox中播放。

如果您使用Apache Web服務器或Apache的一些衍生,你可以在你的站點範圍的httpd.conf或在的.htaccess文件在您存儲目錄使用AddType指令你視頻文件。 (如果你使用的是其他Web服務器,請諮詢您的服務器上如何設置特定的文件類型的Content-Type HTTP頭文件。)

AddType video/ogg .ogv 
AddType video/mp4 .mp4 
AddType video/webm .webm 

AddType audio/mpeg .mp3 
AddType audio/ogg .ogg 
AddType audio/mp4 .m4a 
AddType audio/wav /wav 

在這裏你有同樣的問題:Video file .ogv plays locally in Firefox, but not from server 和更詳細的解答:https://stackoverflow.com/a/6145629/1081079

+0

謝謝,這個修復了firefox!然而,我仍然遇到了支持mp4的IE9-10問題。它根本不玩。任何其他的想法是什麼可能導致這一點? *編輯:*通過將'type =「video/m4v」'改爲'mp4'而不是'm4v',IE9在IE9中工作,但IE10仍然不動! – qwerty 2013-03-27 11:36:23

+0

在IE10控制檯有沒有錯誤? – freshbm 2013-03-27 12:33:47

+0

不,它是空白的! – qwerty 2013-03-27 14:39:31

0

我在使用Flowplayer HTML5播放器時遇到了與webm相同的問題。 Firefox說「未找到HTML5視頻」。起初我以爲這是米羅有一個編碼問題,我嘗試了幾個不同的程序,都有相同的結果。所以我縮小了它到我的服務器上不正確的MIME類型,傳輸webm作爲文本/純文本(您可以使用Web檢查器看到這一點)或Firefox只吸吮。前段時間,我有託管服務提供商AddType video/webm.webm,所以我不能積極。我所做的只是在意識到我過去使用過Flowplayer,並且只需要一個mp4文件後,直接從我的HTML中刪除webm引用。 Firefox可以使用mp4。刪除它:

<source type="video/webm" src="URL_to_webm.webm" /> 

這使它適用於所有事情(IE,Chrome,Firefox,iPad,iPhone)。 Mac上的Chrome 29使用mp4。

0

我在我的Windows主機中遇到了同樣的問題。爲了解決這個問題,我在web.config裏面包含了mime設置

<staticContent> 
    <mimeMap fileExtension=".webm" mimeType="video/webm" /> 
</staticContent>