2012-12-04 23 views
7

Używam Video.js do odtwarzania filmów w formacie MP4 na stronie klienta. Odtwarzacz wykorzystuje wideo HTML5 i Adobe Flash Player jako zabezpieczenie. (w moim przypadku wydaje się używać lampy błyskowej zawsze, więc nie wiem, czy istnieje problem w natywnym odtwarzaczu HTML5, jak również.)MP4 w Video.js nie odtwarzany dopóki nie zostanie w pełni załadowany

Film zaczyna się dopiero po odtwarzanie pliku * .mp4 jest całkowicie załadowany. Więc nie ma bufora przez kilka sekund. Plik musi zostać całkowicie pobrany przez przeglądarkę przed rozpoczęciem odtwarzania.

Gdy film jest długi, użytkownik musi długo czekać, zanim będzie mógł zobaczyć, że wideo działa.

Pytanie brzmi: czy jest to przeglądarka, skrypt (wideo.js) lub plik wideo, który tworzy ten problem.

Jednak na stronie internetowej wideojs.com wideo jest odtwarzane podczas ładowania, więc działa poprawnie. Dlatego myślę, że to nie może być przeglądarka.

Czy ktoś jeszcze miał ten problem? Jak mogę rozwiązać ten problem?
Każda rada jest bardzo doceniana!

Dzięki

Max

+0

Czy istnieje jakiś odpowiedni kod, który można dodać? – turbo

Odpowiedz

9

To występuje, ponieważ atom Moov pliku mp4 jest na końcu pliku, gracz musi znać atom Moov przed odtworzeniem startowym, można przejść łatwo moov atom na początku pliku z MP4Box, istnieje wersja GUI dla systemu Windows.

W linii poleceń systemu Linux przenosisz MA z: MP4Box -add my_video.mp4 my_newVideo.mp4.

Zajmie to kilka sekund.

Więcej informacji: wyjaśnienie Adobe od moov atomu here

+2

Aby dodać do tej odpowiedzi, jeśli jesteś na Linuksie i nie masz zainstalowanego MP4Box, możesz to również zrobić z "qt-faststart", który jest dołączony do ffmpeg Wierzę, że – aphax

+0

Nieraz wróciłem do tej odpowiedzi . Dzięki jeszcze raz! –

4

Czy jesteś pewien, że masz tag z preload = „none”, bo miałam ten sam problem i ja preload = „auto”. Zmieniłem go na "none", działało świetnie !!

Mój problem nie miał nic wspólnego z atomem moov, ponieważ próbowałem tego również i nie wywarło to żadnego efektu. Nawet usunąłem ten przekonwertowany film i nadal działało z preload = "none".

kjsharks

+0

To zadziałało dla mnie, dziękuję bardzo. Szybkie porady dotyczące korzystania z wideo w projektowaniu stron internetowych. Naprawdę trzymaj filmy krótkie, w razie potrzeby ładną subtelną pętlę, ale preload = "none" naprawił to przez przeglądarkę. – HeyImArt

1

Używam tego polecenia, aby dodać metadane:

MP4Box -isma your-file.mp4 

;)