Um HTML5 Videos in TYPO3 anzuzeigen bedarf es zunächst einer Extension, z.B. „html5videoplayer“. Die Schwierigkeiten kommen aber noch.

Man installiert die Extension, indem man der entsprechenden Anleitung folgt. Das anzuzeigende Video muss im mp4 Format vorliegen. Zum Konvertieren des Film kann man die Freeware „XMedia Recode“ verwenden (vorzugsweise Version 3.1.4.9 – die zum Zeitpunkt dieses Beitrags aktuelle Version 3.1.5.8 hat nicht die gewünschten Ergebnisse gebracht: die mit dieser Version konvertierten Filme starteten im Firefox erst nach ca. 30 Sekunden). Vorsicht: auf der Website gibt es alle möglichen irreführenden Downloadlinks.

Hat man XMedia Recorde installiert, so ist zur Konvertierung folgende Einstellungen wichtig: beim Reiter „Format“ das Häkchen bei „Streaming – Schnellstart“. Unter dem Reiter „Filter/Vorschau“ kann man außerdem die Videogröße ändern.

Die mp4 Datei lädt man auf den Server und gibt den Pfad dorthin in der Extension an. Nun sollte das Video bereits in allen relevanten Browsern angezeigt werden. Im Firefox wird das Video als Flash angezeigt, da das mp4 Format nicht unterstützt wird. Will man das nicht, so konvertiert man den Film in das webm Format, gibt in der Extension den Pfad zur Datei an und fügt in der .htaccess Datei folgendes hinzu:

AddType video/mp4 .mp4 .m4v
AddType video/webm .webm


Link: voice.firefallpro.com/2012/03/html5-audio-video-mime-types.html

Für den IE ist es wichtig, dass der Pfad zur Videodatei absolut angegeben wird, am einfachsten mit folgendem TypoScript:

page.config.absRefPrefix = http://www.domain.com/