2012-10-13 58 views
12

這是相關代碼運行視頻:視頻格式或MIME類型不支持

<video id="video" src="videos/clip.mp4" type='video/mp4' controls='controls'> 
    Your brwoser doesn't seems to support video tag 
</video> 

此代碼做工精細分開,而是試圖淡化它的時候:

function showVideoPlayer(){   
    console.log('video displayed');  
    $("#video").fadeIn('medium'); 
} 

它不「T似乎工作,我得到這個:

enter image description here

正如你可以看到:Video format or MIME type is not supported.

視頻容器隱藏在CSS:

#video{ 
    position:fixed; 
    border:solid 1px #000000; 
    width:654px; 
    height:454px; 
    background-color:#FFFFFF; 
    left:23%; 
    top:11%; 
    display:none; 
} 

這是想法,視頻容器是隱藏的(display:none),在需要的時候,我調用函數showVideoPlayer來顯示視頻容器。然而,這不起作用,併產生我FireFox這個錯誤,並在Chrome和IE9的空白屏幕。

我錯過了什麼?是fadeIn函數似乎弄錯了我?

+0

確定視頻可以正常工作嗎? Firefox不支持mp4 - 您需要使用單獨的webm或ogg/theora視頻支持。 – TimHayes

+0

它在Chrome和IE9中正常工作。但是,在FF中不起作用。但是,問題不在那裏,爲什麼當我在視頻容器中淡入淡出時停止工作?感謝名單。 – Malloc

+2

我不確定你確切的問題是什麼。這個jsfiddle在你的瀏覽器上工作嗎? http://jsfiddle.net/aSQ5A/ – TimHayes

回答

12

由於哲學上與格式的閉源性質存在分歧,Firefox目前不支持MPEG H.264(mp4)格式。

要在不使用插件的情況下在所有瀏覽器中播放視頻,您需要以不同格式託管每個視頻的多個副本。您還需要使用另一種形式的video標記,如上面的@TimHayes的JSFiddle所示,以下轉載。 Mozilla聲稱只有mp4和WebM才能確保完全覆蓋所有主流瀏覽器,但您可能希望查閱W3C's HTML5 Video page上的視頻格式和瀏覽器支持標題,以查看哪種瀏覽器支持哪些格式。

此外,值得檢查出HTML5 Video page on Wikipedia的主要文件格式的基本比較。

下面是相應的video標籤(您將需要重新編碼在WebMOGG格式的視頻,以及現有的MP4):

<video id="video" controls='controls'> 
    <source src="videos/clip.mp4" type="video/mp4"/> 
    <source src="videos/clip.webm" type="video/webm"/> 
    <source src="videos/clip.ogv" type="video/ogg"/> 
    Your browser doesn't seem to support the video tag. 
</video> 

更新2013年11月8日

網絡基礎設施巨頭思科已宣佈plans to open-source an implementation of the H.264 codec,消除迄今已證明是Mozilla使用障礙的許可費用。不要太深入它的政治(見以下鏈接)this will allow Firefox to support H.264 starting in "early 2014"。但是,正如在該鏈接中所指出的那樣,這仍然伴隨着一個警告。 H.264編解碼器僅用於視頻,而在MPEG-4容器中,它最常與閉源AAC音頻編解碼器配對。正因爲如此,H.264視頻的播放纔有效,但音頻將取決於最終用戶是否已在其計算機上存在AAC編解碼器。

這個的長短是正在取得進展,但你仍然無法避免使用多種編碼而不使用插件。

0

對於Ubuntu 14。04

只是刪除了包Oxideqt-dodecs 然後安裝flash或Ubuntu限制額外

,你是好去!

0

固定它!

我對這個失去了主意。重置Firefox,嘗試安全模式,刪除插件,使用開發人員工具進行調試。所有這些都無濟於事,並沒有讓我進一步將我的在線視頻恢復到正常觀看狀態。然而,這完美的訣竅。

在Firefox或任何味道的Firefox你有(Cyber​​Fox在這兒我最喜歡的選擇),簡單地瀏覽到https://get.adobe.com/flashplayer/

請先檢查,該網站檢測你使用Firefox並設置你的下載Flash播放器爲Firefox。

不要單擊下載。請保持你的偏頭痛,並始終確保中間部分標有「可選報價:」絕對不檢查,它會被默認檢查,所以總是在進行下載之前檢查它。

下載完成後,關閉Firefox。以管理員身份運行下載的安裝文件。只需幾秒鐘即可完成,所以完成後,再次打開Firefox並嘗試查看以前拋出此錯誤的任何內容。現在應該恢復正常了。

享受!

+0

安裝Flash絕對不是答案。升級到最新版本的Firefox *(並卸載Flash!)*。 – Alex

0

在我的情況下,這樣的錯誤:

Video format or MIME type is not supported.

CSP in my .htaccess未允許加載的內容所致。您可以通過打開瀏覽器的控制檯並刷新頁面來檢查這一點。

當我在該CSP的media-src部分中添加了託管視頻的域時,控制檯很乾淨,視頻已正確加載。例如:

Content-Security-Policy: default-src 'none'; media-src https://myvideohost.domain; script-src 'self'; style-src 'unsafe-inline' 'self' 
相關問題