Wiedergabe von HTML5-Videos im Browser — Was Funktioniert bei den Meisten Android-Geräten?
Ich versuche, HTML5-videos auf mobilen Geräten. Sie scheinen zu verlaufen, auf die neueste version von iOS, aber ich bin immer eine Menge Widersprüche mit Android-Geräten.
Ich bin mit video.js und hören für einen Klick auf ein thumbnail-Bild, die im Gegenzug ersetzt das element mit einem HTML5-video und spielt es automatisch ab. Der folgende code flat-out funktioniert nicht auf dem Android-emulator (Klick auf ein thumbnail tut nichts). Wenn ich versuche es auf meine eigene Droid Razr, beginnt es zu laden Sie das video und dann der browser abstürzt. Dies geschieht in der nativen browser - und Chrome, was mir sagt, es ist etwas, das nativ auf dem Gerät.
$(".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();
});
});
Den HTML endet als:
<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>
Weiß jemand, warum dies würde dazu führen, ein Android-Gerät zu völlig einfrieren, und was kann ich tun, damit die videos laufen konsequent auf den meisten Android-Geräten?
Dank!
- Könnten Sie bitte bestätigen, eine der Antworten, die Erz-starten Sie eine bounty. Danke.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Entfernen Sie die
type
Attribut aus dersource
Erklärung. Dies führt in der Regel Probleme mit Android, ältere Versionen vor allem.Ihre Quelle Erklärung sollte einfach sein:
Ich habe eine kleine Website, die eine funktionierende HTML5-Videos auf Android - (nur getestet auf meinem HTC Desire mit Android 2.2).
Bitte se diese Frage: HTML5 <video> - element auf Android
Offenbar gibt es eine Möglichkeit der Verwendung von HTML5-videos mit android, laut http://developer.android.com/about/versions/android-2.0-highlights.html
Aber es gibt einige strenge Parameter, um diese Arbeit zu machen (siehe überprüfte Antwort auf die Frage).
In Ihrem Fall ist Es nicht einfach, die Ereignisse zu behandeln, die mit dem emulator, vor allem html5 etc, so sollten Sie immer von einem echten Gerät zum testen (sehr empfohlen). In welche Bedenken Ihr Telefon, die möglicherweise Grund, warum es nicht funktioniert ist, dass yu mit einem nicht unterstützten video codec.