2012-05-07 123 views
21

我已經搜索了很多,但還沒有解決我的問題。使用HTML5視頻在Firefox中播放MP4文件

我有一個video標籤運行如下:

<video 
    class="ne" 
    src="{{ page | video_url }}" 
    muted="true" 
    volume="0" 
    controls 
    width="720" 
    height="480" 
    poster="{{ page | video_poster_image_url }}" 
    type="video/mp4"> 
</video> 

我使用傑奇的網址。他們工作正常。

該網站是在直播switzerlandllc.com。點擊FF中的任何視頻,它會顯示圖像和X. Chrome和其他瀏覽器正常工作。

如果你抓住一個視頻源,並在新標籤加載它起着罰款。至少它對我有用。

我已經加入:

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

htaccess文件。我懷疑我不需要.ogv.webm

我不明白爲什麼加載視頻URL將播放視頻罰款,但加載視頻到視頻標籤失敗。

任何想法?

+2

如果有人達到這個問題,儘管答案是正確的 - 火狐36個supposts mp4視頻HTML5標籤 - 剛剛升級:) – Boaz

回答

32

這是通過在Firefox的視頻標籤內的MP4格式的支持有限造成的。支持直到Firefox 21才被添加,並且仍然僅限於Windows 7及更高版本。有限支持的主要原因是附加在mp4格式上的版稅費用。

退房Supported media formatsMedia formats supported by the audio and video elements直接從Mozilla的船員或以下博客文章的詳細信息:

http://pauljacobson.org/2010/01/22/2010122firefox-and-its-limited-html-5-video-support-html/

+0

從源頭直接:https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements –

+0

謝謝,我用鏈接更新了我的答案! –

+0

我已經看到了這個答案,但爲什麼視頻播放如果你在新標籤中加載路徑? –

9

我可以證實,MP4只是不會在視頻標籤的工作。不管你嘗試從服務器上弄亂類型標籤和編解碼器以及MIME類型。

瘋狂,因爲完全相同的視頻,同樣的測試頁上,對於MP4舊嵌入標記在Firefox工作得很好。我昨天都在搞這個。火狐就像IE一樣突然,幾小時和幾小時,而不是計費。好極了。

IE的說到,它沒有更優雅這一點。當它不符合標籤之間的內容格式時,所以可以在嵌入物周圍放置視頻並且一切都很好。 Firefox,儘管失敗,但它會放置海報圖像(灰色,因此甚至沒有用作後備),並在中間顯示錯誤消息。所以現在這些選項被放入瀏覽器識別代碼中(這意味着我們在過去的十年中沒有獲得任何有關嵌入視頻的信息)或html5。

+7

+1「Firefox像突發事件一樣,幾小時,幾小時,而不是計費。」 – Geo

+0

哪種視頻類型有效? OGG或WEBM? –