Sprung zum Inhalt

Webdesign nach Maß von webdesign weisshart

Mein Blog

RSS Feed AbonnementRSS 2.0 Feed

zum Archiv und den Kategorien

Videos auf Webseiten - HTML5 video vs. Flash

Sonntag, 6. April 2014

Das HTML5 video-Tag wird von allen Browsern unterstützt. Außer vom IE8. (Den Opera mini bezeichne ich mal nicht als Browser.)
Klar, der IE8 ist leider immer noch auf Windows XP Systemen die modernste verfügbare IE-Version. Und obwohl Windows XP Nutzer sehr wohl auch richtige Browser installieren können - sie surfen weiterhin mit dem IE8. Nach meiner eigenen Statistik sind das zwischen 2% und 10%, je nach Techniklastigkeit der untersuchten Sites.

Diese 2 bis 10% können also Videos, die mittels video-Tag ausgeliefert werden, nicht sehen?
Doch, können sie. Wenn innerhalb des video-Tags als Fallback eine mp4-Datei zum Download bzw. zum Abspielen in einem lokal installierten Player, z. B. der Windows Media Player, angeboten wird.

Es gibt also kein Argument mehr für den Einsatz von Flash zur Video-Wiedergabe auf Webseiten. Aber ein gutes Argument dagegen:

15% bis 25% der Surfer sind mit iOS-Geräten (iPad, iPhone) unterwegs. Tendenz stark steigend. Und diese 15% bis 25% sind bei Flash außen vor. Weil Apple - richtigerweise! - kein Flash unterstützt.

Also: Anstelle von Flash-Playern wie JW Player ein paar einfache Zeilen HTML5:
<video>
<source src="video.mp4" type="video/mp4" />
<source src="video.webm" type="video/webm" />
<a href="video.mp4">Video in installiertem Player öffnen, oder Herunterladen</a>
</video>

Zum komfortablen Erstellen der passenden .mp4 und .webm Dateien empfehle ich den Miro Video Converter.

Feddisch.



Kommentare

Noch keine Beiträge.

Einen Kommentar abgeben

Damit Code-Beispiele richtig angezeigt werden, müssen Sonderzeichen maskiert werden (z.B. < zu &lt;).


(notwendig)

(notwendig)

Spamschutz:
Je nach Inhalt wird Ihr Kommentar eventuell nicht sofort angezeigt, sondern muss manuell freigeschaltet werden.

Archiv:

Kategorien:

Creative Commons Lizenzvertrag
Alle Texte (nicht Bilder!) Creative Commons CC BY-NC-SA 3.0 DE