Firefox gegen den HTML5 Video Tag

Schöner neuer Standard dieses HTML5. Versucht man endlich Video in HTML Seiten zu standardisieren und der Flash seuche einhalt zu gebieten. Verzweifelt aber an irgendwelchen Patenstreitigkeiten mit den verwendeten Codecs.

Unabhängig von der ideologischen Diskussion dahinter (Stichwort :“Freies“ Ogg Theora gegen „böses“ H.264), möchte ich einfach nur eine Videodatei kodieren, hochladen und speichern.

Für was entscheidet man sich jetzt?
Safari und Chrome spielen H.264 im HTML5 video tag ab. Der Flashplayer spielt ebenfalls H.264 und ist der kleinste gemeinsame Nenner für alle Browser. Der Internet Explorer (obwohl er meine Entscheidung nicht beeinflusst) spielt gar nix ab, kann aber immerhin mit Flash umgehen. iPhone, iPod und viele Handys spielen H.264. Nur der Firefox macht da nicht mit und spielt nur Ogg Theora.
Hinzu kommt noch, dass eigentlich alle Programme auf dem Mac nach H.264 exportieren können und der Codec auch wesentlich effizienter ist.

Also rein aus praktischer Sicht, ist einfach H.264 im MP4 Format der klare Gewinner. Das Problem ist nur, verwendet man das HTML5 Videotag mit H.264 Video, macht der Firefox die grätsche und zeigt ein schwarzes X an. Für Browser die HTML5 nicht unterstützen kann man einfach einen alternativ Code hinterlegen. Doch der Firefox unterstützt das Video tag, nur nicht in diesem Format.

Für diese „Ausnahmebehandlung“ hab ich einen bischen JavaScript Code geschrieben. Es prüft ob es sich um einen Firefox handelt und ersetzt alle „<video>“-Tags durch beliebigen anderen ersatz Code.

Bitte „PLACE YOUR ALTERNATE FLASH PLAYER HERE“ durch den eigenen Flash Videoplayer ersetzen.

[codesyntax lang=“javascript“ lines_start=“0″]

<script>
if(navigator.userAgent.search(/Firefox/)!=-1){
	var videoSource, id=0;
	while((el=document.getElementsByTagName('video')).length){
		for(i=0; i < el[0].attributes.length; i++){
			if(el[0].attributes[i].nodeName == "src"){
				videoSource = el[0].attributes[i].nodeValue;
			}
		}
		el[0].parentNode.removeChild(el[0]);
		document.write("PLACE YOUR ALTERNATE FLASH PLAYER HERE");
		id++;
	}

}
</script>

[/codesyntax]


3 Responses to “Firefox gegen den HTML5 Video Tag”

  1. andybreuhan

    Hi,
    funktioniert das bei dir? Ich meine wenn du kein ogg hinterlegst und ein video -Tag benutzt zeigt der Firefox bei mir nur ein schwarzes Kreuz oder hat sich das mit der 3.6 geändert? Weil bei video_for_everybody hat er ein ogg mithinterlegt.
    Meins besteht auf jeden Fall aus weniger Code 😉

    Grüße
    Andy

  2. Anon

    Du hast in deinem sehr objektivem (lol, Ironie) Post leider etwas sehr wichtiges vergessen: Ogg Theora ist ein freies Format, wohingegen das Firefox-Team bei der Verwendung von H.264 Unmengen an Lizenzgebühren abdrücken müsste.
    Wenn die anderen Browserhersteller sich endlich mal auf das freie Format einigen könnten, würden alle profitieren, und wir wären wieder einen Schritt weiter Richtung HTML5.
    In diesen Sinne nen schönen Abend noch.

Leave a Reply

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>