Deus Figendi: embedet video

Beitrag lesen

Hi there,

man könnte auch den <video> tag verwenden, der bietet einiges an gewünschtem in spezifikation

ja, theoretisch...

Nö auch praktisch.
Alle großen Browser unterstützen das inzwischen. Allerdings mit unterschiedlichen Codecs. Aber auch das ist ein geringes Problem, weil man den gleichen Inhalt über mehrere Ressourcen einbinden kann und der Browser sich die raussucht, die er am Besten beherrscht.
Sogar nichtexistente kann man einbinden, die werden dann ebenso ignoriert.
Ich finde gerade keine bessere Refferenz als Multiple source files can be specified using the source  element in order to provide video/audio encoded in different formats for different browsers.

Soviel auch zum Thema "YT geht nicht ohne flash" :-P

Was man - zumindest derzeit - allerdings natürlich noch braucht ist der Speicherplatz um eine Multimedia-Ressource in mehreren Formaten (nämlich Theora/ogg und H.264+ACC/mp4) zu hinterlegen.
Ansonsten spricht wenig dagegen, Firefox und Seamonkey können es, Chrome kann es, Safari kann es, IE kann es (mit Plugin, zu dessen Installation man auffordern könnte), Opera... Moment muss ich nachschlagen... Opera kann's auch. (Konqueror konnte ich auf die Schnelle nicht ermitteln). Oh Überraschung, Textbrowser können es nicht.

Es spricht also inzwischen imho nichts mehr dagegen diese Tags zu verwenden, außer dass sie _theoretisch_ nochmal über den Haufen geworfen werden könnten, weil (X)HTML5 noch nicht abschließend beschlossen ist. Aber selbst dann würde ich annehmen, dass die Browser es drin behielten (ich würde es in einem solchen Fall aber nicht mehr verwenden wollen).

Die vom OP gewünschten JS-Events existieren auch: "ended" feuert wenn das Video abgelaufen ist. Alles was man tun muss ist also ein Bild dort einbinen wo das Video stehen soll. Sowie einen JS-Play-Button. Der Button blendet das Bild aus, das Video ein und startet es auch.
Wenn es abgelaufen ist feuert "ended" und man blendet das Video wieder aus, das Bild ein und ändert dessen src. Fertig.

--
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(