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.

Code block

<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>

iPhone Version eines WordPress Blogs

Auf der Suche nach einem angepassten iPhone Theme bin ich auf das sehr schöne Theme WPtouch gestoßen.
Es handelt sich um ein kleines Plugin, welches sich leicht installieren lässt. Hat ein kleines Menü wo man alle relevaten Sachen öffnen kann und sieht schick aus.

Zusätlich hat es noch ein seehr wichtiges Feature! Es bietet die möglichkeit sich die Seite auch als nicht angepasste Version anzuschauen. Das vermisse ich bei vielen anderen Seiten.

Anyway! Man kann es sich hier für seinen WordPress Blog kostenlos downloaden.

Mehrere Videos mit ffmpeg für iPhone oder iPod encodieren

Häufig habe ich den Anwendungsfall, das ich einige Videos gerne auf dem iPhone oder iPod schauen würde. Auf dem Mac kann man zwar sehr gut via VisualHub Videos fürs iPhone umwandeln nur leider geschieht dies immer noch auf dem Prozessor, was mein MacBook tierisch laut werden lässt und einfach lästig ist. Solange es noch keinen h.264 encoder für den Mac gibt der auf der Grafikkarte läuft, kodiere ich meine Videos auf meinem Server. Das geht zwar etwas langsamer, aber ich muss mich nicht darum kümmern.

Ich habe mir dazu ein kleines Script geschrieben, welches alle Dateien (sollten natürlich Videodateien sein) eines Ordners in einem 2-Pass verfahren in ein iPhone kompatibles Format anpasst. Das ganze lässt sich dann via screen wunderbar über Nacht (oder mehrere Tage) laufen lassen.

Das poste ich hier einfach mal:

iphone.sh

einfach mit chmod +x iphone.sh ausführbar machen
und mit ./iphone /home/user/ordnerzumencodieren starten

Viel Spaß!