Odtwarzanie filmów HTML5 w przeglądarce - co działa w przypadku większości urządzeń z systemem Android?

Question

Próbuję pobrać wideo HTML5 na urządzenia mobilne. Wydaje się, że działają dobrze na najnowszej wersji systemu iOS, ale dostaję wiele niespójności z urządzeniami z Androidem.

Używam wideo.js i słucham kliknięcia miniatury, która w zamian zastępuje element wideo HTML5 i odtwarza go automatycznie. Poniższy kod ulotny nie działa na emulatorze Androida (kliknięcie miniatury nic nie robi). Kiedy spróbuję tego na własnym Droid Razr, zacznie ładować wideo, a następnie zawiesi się przeglądarka. Dzieje się tak w rodzimej przeglądarce i Chrome, która mówi mi, że jest to coś oryginalnego dla urządzenia.

$(".video").live("click", function(e) { 
    e.preventDefault(); 
    $(this).replaceWith("<video id='" + $(this).data("video-id") + "' class='video-js' preoload='auto' width='100%' height='100%' poster='" + $(this).data("video-poster-url") + "'><source type='video/mp4; codecs=\"avc1.42E01E, mp4a.40.2\"' src='" + $(this).data("video-url") + "'></video>"); 

    video = _V_($(this)); 
    video.ready(function() { 
     this.play(); 
     this.requestFullScreen(); 
    }); 
}); 

HTML kończy się:

<video id='fv3530' class='video-js' preoload='auto' width='100%' height='100%' poster='/posters/fv3530.jpg'> 
    <source type='video/mp4; codecs="avc1.42E01E, mp4a.40.2" src='/videos/fv3530.mp4'> 
</video> 

Czy ktoś wie dlaczego to spowodować urządzenie Android całkowicie zamarznąć, i co mogę zrobić, aby filmy prowadzony konsekwentnie na większości urządzeń z systemem Android?

Dzięki!

Answer 1

Usuń atrybut type z deklaracji . Zwykle powoduje to problemy z systemem Android, szczególnie w starszych wersjach.

Twoja deklaracja źródło powinno być po prostu:

<source src='/videos/fv3530.mp4'> 

Mam small site który ma roboczą HTML5 video na Androida (tylko testowałem to na moim HTC Desire z Androidem 2.2).

Answer 2

Proszę se to pytanie: HTML5 <video> element on Android

Podobno istnieje możliwość korzystania z wideo HTML5 z Androidem, według http://developer.android.com/about/versions/android-2.0-highlights.html Ale istnieją pewne ścisłe parameteres w celu uczynienia tej pracy (patrz sprawdzone odpowiedzi na pytanie).

W twoim przypadku nie jest łatwo poradzić sobie z emulatorami, szczególnie html5 itd., Więc powinieneś zawsze używać prawdziwego urządzenia do testowania (naprawdę polecane). Jeśli chodzi o twój telefon, prawdopodobnie powodem, dla którego nie działa, jest to, że używasz nieobsługiwanego kodeka wideo.