2012-09-24 98 views
0

這似乎是一個常見問題,但我還沒有發現任何問題有答案標記,所以我想創建一個希望找到解決方案。mediaelement.js:讓視頻在Firefox中工作

我的視頻在Chrome和Safari中運行良好,但是當涉及到Firefox時,它根本不顯示..我的CMS是ExpressionEngine,如果有幫助的話。有人對此有經驗嗎?

在頁面上的視頻插入的代碼:

<video width="640" height="360" preload="none" controls="controls" poster="http://site.com/img.jpeg" id="player1" type="video/mp4" src="http://site.com/content/videos/videotest(360p_H.264-AAC).mp4" tabindex="0"></video> 
+0

什麼是視頻類型?併發布一些代碼 – kennypu

回答

2

爲了測試這些視頻替換您的視頻標籤(從MediaElement的網站)

<video id="player1" width="540" height="303" controls="controls" preload="none"> 
    <source src=" 
http://mediaelementjs.com/media/echo-hereweare.mp4" type="video/mp4" /> 
    <source src=" 
http://mediaelementjs.com/media/echo-hereweare.webm" type="video/webm" /> 
    <source src=" 
http://mediaelementjs.com/media/echo-hereweare.ogv" type="video/ogg" /> 
</video> 

如果上面的代碼在FF作品,那麼問題與FF的視頻壓縮有關。和你一樣,我在mediaelement.js上遇到了一些問題,但事實證明這是我的視頻壓縮不好。

+0

這確實最終爲我工作,我試圖通過上傳YouTube上的視頻到這個網站進行測試,但我會與一些客戶端視頻進行測試,看看它們是否工作。所以我想我的問題和你的問題一樣。謝謝! –

1

另一件要檢查的是,您的服務器上安裝了正確的MIME類型。

您可以添加這些到.htaccess文件,

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

更多informaition見http://mediaelementjs.com/#installation

+0

我試圖添加這個,但我仍然有問題..但thakns! –

0

我的問題是與MIRO轉換器mp4錯誤的轉換。 如果我使用「其他 - > mp4」,它不起作用。 如果我使用「蘋果 - > iPad」,我得到了正確的mp4文件,它運行!

相關問題