2012-12-04 44 views
7

我正在使用Video.js在客戶端的網站上以MP4格式播放視頻。 播放器使用html5視頻和Adobe Flash Player作爲後備。 (在我的情況下,它似乎使用閃光燈始終,所以我不知道,如果在本地HTML5播放器中也存在這個問題。)Video.js中的MP4不能播放直到完全加載

該視頻僅開始播放後,* .MP4文件完全加載。所以沒有緩衝幾秒鐘。該文件在開始播放之前必須完全由瀏覽器下載。

當視頻很長時,訪問者必須等很長時間才能看到視頻正在工作。

現在的問題是,是瀏覽器,腳本(video.js)還是創建該問題的視頻文件。

然而,在videojs.com網站上,視頻在加載時播放,因此正常工作。所以我認爲它不能是瀏覽器。

有沒有其他人有這個問題?我該如何解決這個問題?
任何建議非常感謝!

感謝

最大

+0

是否有任何相關代碼可以添加? – turbo

回答

9

這是因爲MP4文件的MOOV原子是在文件的結尾,玩家需要知道之前就開始播放MOOV原子,可以輕鬆移動MOOV原子與MP4Box的文件的開頭,有一個GUI的GUI版本。

在Linux命令行中,您將MA移動到:MP4Box -add my_video.mp4 my_newVideo.mp4

這需要幾秒鐘的時間。

更多信息:MOOV樂原子的Adobe的解釋here

+2

要添加到這個答案,如果你是在Linux上,並沒有安裝MP4Box,你也可以用「QT-的fastStart」附帶的ffmpeg做到這一點,我相信 – aphax

+0

不止一次,我回到這個答案。再次感謝! –

4

你確定你有你的標籤與預緊=「無」,因爲我有同樣的問題,我已經預裝=「自動」。我將它改爲「無」,它效果很棒!

我的問題與moov原子無關,因爲我也嘗試過,它沒有任何效果。我甚至刪除了這個轉換後的視頻,它仍然適用於preload =「none」。

kjsharks

+0

這對我很有用,非常感謝。在網頁設計中使用視頻時的快速提示。真的保持視頻簡短,如果有必要有一個很好的微妙的循環,但preload =「無」是什麼修復它跨瀏覽器。 – HeyImArt

1

我使用該命令來添加的元數據:

MP4Box -isma your-file.mp4