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.
InformationsquelleAutor Eric R. | 2012-12-10
Schreibe einen Kommentar