HTML5-Video im Webbrowser

[apfelnase]

Hallo,

auch wenn es mit Entwicklung wenig zu tun hat, kommt es dem aber noch am nächsten.

Das Problem:
Video: webOS Developer Modus aktivieren : PreUser.de

Wenn man die Seite mit dem iPod touch, iPhone oder einem Webbrowser aufruft, erscheint die Seite korrekt, das Video kann abgespielt werden.

Öffne ich die Seite aber im Palm Pre, habe ich keine Chance das Video im Palm abzuspielen.

Ich habe dazu folgenden Webcode verwendet:

<video src="http://preuser.de/wp-content/uploads/2010/05/webosdevmode.mp4" controls="controls" height="400" width="266">
Your browser does not support the video tag.</video>

So wie ich das sehe ich das absolut in Ordnung, aber warum kann der Palm Pre Browser das nicht abspielen? Habe schon versucht etwas zu "ergooglen", habe aber nichts finden können.

Jemand einen Tipp für mich?

[jpohl]

Hallo Stefan,

hab's jetzt nicht probiert, aber versuche mal das ausführliche Format vom video tag:
<video id="video" src="source_abcd...." autoplay="autoplay" controls="controls">

HTH und Viele Grüße
Jörg

[apfelnase]

Danke, aber das hilft leider auch nicht ...

[andagil]

Vielleicht hilft die Info, weder mein Standard-Browser Opera 10.53 noch IE v6 zeigen das Video an.
Der IE 6 hat aber bei der Darstellung auch noch ganz andere Probleme

[jpohl]

Hi Stefan,

Habe jetzt gerade mal was getestet:

<video id="video" src="http://preuser.de/wp-content/uploads/2010/05/webosdevmode.mp4" autoplay="autoplay" controls="controls" height="400" width="266">
your browser does not support the video tag
</video>
<script>
t = document.getElementById('video');
p = function(){
t.ended ? ({a:function(){t.src = "movie.mp4";t.load();}}).a() : setTimeout('p()',300);
}
setTimeout('p()',300)
</script>

Die Quelle ist hier: pre-roll für html5 video tag qrios

Das Video läuft auf dem Pre los, allerdings stimmt die Größe nicht und er macht dabei ziemlichen Unfug.
Habe jetzt aber leider keine Zeit das weiter zu evaluieren.

Viele Grüße
Jörg

[apfelnase]

Zitat von andagil

Vielleicht hilft die Info, weder mein Standard-Browser Opera 10.53 noch IE v6 zeigen das Video an.
Der IE 6 hat aber bei der Darstellung auch noch ganz andere Probleme

Naja, der IE 6 kennt HTML5 und das Video-Tag nicht und bei Opera weiß ich es nicht. Firefox kann es leider auch nicht, weil die H.264 nicht unterstützen. Du musst Chrome oder Safari verwenden, wenn Du es auf einem Rechner sehen willst.

[apfelnase]

Zitat von jpohl

Das Video läuft auf dem Pre los, allerdings stimmt die Größe nicht und er macht dabei ziemlichen Unfug.
Habe jetzt aber leider keine Zeit das weiter zu evaluieren.

Viele Grüße
Jörg

Das Video läuft auf Grund der Autoplay-Funktion los, nur leider nicht richtig. Ausserdem "möchte ich", dass der User das Video startet.

Dazu scheint das Video nicht richtig vertikal sondern horizontal abgespielt zu werden, irgendwie strange.

Naja, ich lasse es erst einmal so, denn irgendwie machen alle HTML5-Browser die ich kenne es richtig, bis auf den Browser von webOS.

[jpohl]

Zitat von apfelnase

Naja, ich lasse es erst einmal so, denn irgendwie machen alle HTML5-Browser die ich kenne es richtig, bis auf den Browser von webOS.

Im Developer Forum hatte ich auch nochmal gesucht, da wurde aber auch nur indirekt bestätigt dass es nicht geht: https://developer.palm.com/distribut...t=6466&start=0

Sieht so aus als ob es im Moment einfach noch nicht fertig ist. Ist ja so ähnlich auch bei den ganzen Canvas-Befehlen. Ein paar Sachen gehen, andere, wie z.B. der ganze Pixelkram, gehen (noch) nicht.

Bleibt vielleicht noch das Einbinden über youtube?

Viele Grüße
Jörg

[apfelnase]

Aaaaalso, erst einmal mein Dank für deine Recherche. Ich habe mich jetzt auf eine ganz andere Idee eingelassen, nämlich einfach das Video in einem neuen Fenster öffnen zu lassen.

webOS spielt es dann zwar noch immer falsch herum ab, aber man kann es wenigstens richtig skalieren.

Ich lasse das Video extra in einem neuen Fenster öffnen, da die meisten es wohl nach dem Abspielen aus dem Bild kicken. So bleibt der eigentliche Browser bzw. Artikel erhalten.

Und so easy schaut der Code dann aus:

<a href="http://preuser.de/wp-content/uploads/2010/05/webosdevmode.mp4" target="_blank"><img src="http://preuser.de/wp-content/uploads/2010/05/webosdevmode_vorschau.jpg" title="webOS Developer Mode einschalten ..." width="274" height="400" class="aligncenter size-full wp-image-348" /></a>

So kann man es jetzt zumindest auf der "Zielgruppe" anschauen und Flash ist nicht notwendig. Eine Krücke mit der ich leben kann

[jpohl]

Zitat von apfelnase

Und so easy schaut der Code dann aus:

also einen Link auf das Bild (mit Startdreieck) welches die mp4 halt in einen eigenen Browser lädt und über die Endung den internen Player startet.

Genial einfach!

Habs gerade mal ausprobiert. Muss halt das Video am günstigsten im Querformat sein. Aber da gibts ja tools für.
BTW, mit welchem Programm haste das eigentlich vom Emulator gecaptured?

Viele Grüße
Jörg