Gemäß:
http://developer.android.com/sdk/android-2.0-highlights.html
Android 2.0 sollte das HTML5-Videoelement unterstützen. Ich konnte dies mit einem Motorola Droid nicht zum Laufen bringen und ein Video auf keiner der HTML5-Videobeispielseiten erfolgreich anzeigen. Da QuickTime oder Flash derzeit nicht unterstützt werden, ist dies das einzige andere, was ich mir vorstellen kann, um MP3-Videos in eine Webseite einzubetten. Hat jemand Glück damit gehabt?
Antworten:
Ich habe gerade ein paar Experimente damit gemacht, und soweit ich Ihnen sagen kann, brauchen Sie drei Dinge:
Schauen Sie sich die Demo auf dieser Seite an: http://broken-links.com/tests/video/
Dies funktioniert, AFAIK, in allen videofähigen Desktop-Browsern, iPhone und Android.
Hier ist das Markup:
Und ich habe dies in der JS:
Ich habe dies auf einem Samsung Galaxy S getestet und es funktioniert gut.
quelle
Romans Antwort funktionierte gut für mich - oder zumindest gab es mir das, was ich erwartet hatte. Das Öffnen des Videos in der nativen Anwendung des Telefons entspricht genau dem des iPhone.
Es lohnt sich wahrscheinlich, den Blickwinkel anzupassen und zu erwarten, dass das Video in einer eigenen Anwendung im Vollbildmodus abgespielt und dafür codiert wird. Es ist frustrierend, dass das Klicken auf das Video nicht ausreicht, um es auf die gleiche Weise wie das iPhone abzuspielen, aber da es nur ein Onclick-Attribut benötigt, um es zu starten, ist es nicht das Ende der Welt.
Mein Rat, FWIW, ist, ein Posterbild zu verwenden und deutlich zu machen, dass das Video abgespielt wird. Ich arbeite gerade an einem Projekt, das genau das tut, und die Kunden sind damit zufrieden - und natürlich bekommen sie die Android-Version einer Web-App kostenlos, weil der Vertrag nur für eine war iPhone Web App.
Zur Veranschaulichung finden Sie unten ein funktionierendes Android-Video-Tag. Schön und einfach.
quelle
controls
Attribut verwenden, wird das Onclick-Ereignis umgangen, wenn Sie auf Pause drücken (damit das Video tatsächlich angehalten wird), aber irgendwie passiert nichts, wenn Sie auf Wiedergabe klicken. Sie müssen in das Video klicken (nicht auf die Schaltfläche für die eigentliche Wiedergabe), damit das Video fortgesetzt wird.Hier füge ich hinzu, wie ein Freund das Problem der Anzeige von Videos in HTML in Nexus One gelöst hat:
Ich konnte das Video nie inline abspielen lassen. Tatsächlich erwähnen viele Leute im Internet ausdrücklich, dass Inline-Videowiedergabe in HTML seit Honeycomb unterstützt wird, und wir haben mit Froyo und Gingerbread gekämpft ... Auch für kleinere Telefone denke ich, dass das Abspielen im Vollbildmodus sehr natürlich ist - ansonsten ist nicht so viel sichtbar . Ziel war es also, das Video im Vollbildmodus zu öffnen. Die in diesem Thread vorgeschlagenen Lösungen funktionierten jedoch nicht für uns - das Klicken auf das Element löste nichts aus. Darüber hinaus wurden die Videokontrollen angezeigt, es wurde jedoch kein Poster angezeigt, sodass die Benutzererfahrung noch seltsamer war. Also tat er Folgendes:
Stellen Sie nativen Code in den HTML-Code ein, um ihn über Javascript aufzurufen:
Der Code selbst hatte eine Funktion, die native Aktivität zum Abspielen des Videos aufrief:
Dann scheiterte er im HTML selbst immer wieder daran, dass das Video-Tag das Video abspielte. Schließlich beschloss er, das
onclick
Ereignis des Videos zu überschreiben , damit es das eigentliche Spiel abspielt. Dies funktionierte fast für ihn - außer dass kein Poster angezeigt wurde. Hier kommt der seltsamste Teil - er erhieltERROR/AndroidRuntime(7391): java.lang.RuntimeException: Null or empty value for header "Host"
jedes Mal, wenn er dasposter
Attribut des Tags festlegte. Schließlich fand er das Problem, das sehr seltsam war - es stellte sich heraus, dass er densource
Untertag imvideo
Tag behalten hatte , ihn aber nie benutzte. Und seltsamerweise verursachte genau dies das Problem. Siehe nun seine Definition desvideo
Abschnitts:Natürlich müssen Sie auch die Definition der Javascript-Funktion im Kopf der Seite hinzufügen:
Mir ist klar, dass dies keine reine HTML-Lösung ist, sondern das Beste, was wir für den Nexus One-Telefontyp tun konnten. Alle Credits für diese Lösung gehen an Dimitar Zlatkov Dimitrov.
quelle
Wenn Sie manuell aufrufen
video.play()
, sollte es funktionieren:quelle
Wenn ich meinen Android 2.2-Browser auf html5test.com zeige , wird mir mitgeteilt , dass das Videoelement unterstützt wird, aber keiner der aufgelisteten Video-Codecs ... scheint ein wenig sinnlos zu sein, das Video-Element zu unterstützen, aber keine Codecs ??? es sei denn, mit dieser Testseite stimmt etwas nicht.
Allerdings habe ich mit dem Audioelement die gleiche Situation festgestellt: Das Element wird unterstützt, aber keine Audioformate. siehe hier:
http://textopiablog.wordpress.com/2010/06/25/browser-support-for-html5-audio/
quelle
Bei mir hat nichts funktioniert, bis ich das Video richtig codiert habe. In diesem Handbuch finden Sie die richtigen Einstellungen für die Handbremse: http://forum.handbrake.fr/viewtopic.php?f=7&t=9694
quelle
Möglicherweise müssen Sie das Video speziell für das Gerät codieren, z.
Es gibt einige Beispiele für Codierungskonfigurationen, an denen hier gearbeitet wurde:
https://supportforums.motorola.com
quelle
Versuchen Sie es mit h.264 in einem mp4-Container. Ich hatte viel Erfolg damit auf meinem Droid X. Ich habe zencoder.com für Formatkonvertierungen verwendet.
quelle
Das funktioniert bei mir:
Nur wenn die .mp4 oben ist und die Videodatei nicht zu groß ist.
quelle
Es soll funktionieren, aber achten Sie auf die Auflösung: Android 2.0 und Webkit
quelle
Dies beantwortet Ihre Frage möglicherweise nicht genau, aber wir verwenden das 3GP- oder 3GP2-Dateiformat. Besser sogar das RTSP-Protokoll, aber der Android-Browser erkennt auch das 3GP-Dateiformat.
Sie können so etwas wie verwenden
um den Videoplayer auszulösen. Die Datei wird gestreamt und nach Beendigung der Wiedergabe wird die Verarbeitung an den Browser zurückgegeben.
Für mich löst dies viele Probleme mit der aktuellen Implementierung von Video-Tags auf Android-Geräten.
quelle
Laut: https://stackoverflow.com/a/24403519/365229
Ich habe es auf Android 2.3.3 & 4.4 Browser getestet.
quelle
Nach vielen Recherchen auf vielen verschiedenen Geräten bin ich bisher zu dem einfachen Schluss gekommen, dass dies
MP4
viel weniger unterstützt wird als dasMOV
Format. Daher verwende ichMOV
in allen Browsern das Format, das von allen Android- und Apple-Geräten unterstützt wird. Ich habe festgestellt, ob es sich bei dem Gerät um ein mobiles Gerät oder einen Desktop-Browser handelt, und die folgenden Einstellungen vorgenommenSRC
:quelle
Ich habe versucht, mit dem
.mp4
Format ein Video auf Android-Geräten abzuspielen, aber das ging nicht gut. Nach einigem Ausprobieren habe ich das Video.webm
ohne zusätzliches Javascript oder JQuery in das Format und den folgenden Code konvertiert :Es funktionierte auf einem älteren Android-Gerät (mindestens einige Jahre alt ab 2020).
quelle
HTML5 wird sowohl von Google (Android) -Handys wie Galaxy S als auch vom iPhone unterstützt. Das iPhone unterstützt jedoch kein Flash, das von Google-Handys unterstützt wird.
quelle