Der video-Tag ist eine Neuerung von HTML 5 und dient dazu, Filme und Videos abzuspielen. Videos können – wie Bilder mit dem img-Tag – direkt in eine HTML-Seite eingebettet werden. Selbstverständlich können die Videos deshalb auch mit CSS und JavaScript kombiniert werden.
Nach den ersten Video-Tag Demos mit HTML 5 wird in diesem Artikel gezeigt, wie man Videos selbst einbaut und den video-Tag aus HTML 5 mit aktuellen Browsern bereits einsetzen kann.
Hier eine Übersichtsliste mit aktuellen FLV Playern. Mit ihnen können Flashvideos (.flv, .f4v), also alle Flash-kompatiblen Videos, auf der eigenen Website eingebettet und abgespielt werden. Die meisten Player fallen unter eine Open Source Lizenz.
Des Weiteren gibt es am Ende noch einige Lösungen, um Flashvideos auch lokal abzuspielen.
Beim Testen der Open-Source-Komponenten von Yahoo! ist ein kleiner Flash MP3-Player entstanden, mit dem man MP3s in eine Website integrieren kann. Man benötigt kein Flash, da die MP3-Datei über den Code zum Einbetten angegeben wird.
Der Player so sieht so aus:
[kml_flashembed movie=“/wp-content/uploads/2008/02/flashaudioplayer/flashaudioplayer.swf?audio=/wp-content/uploads/2008/02/flashaudioplayer/rock-guitar.mp3&autoplay=false“ width=“300″ height=“50″ scale=“noscale“ salign=“tl“ /]
Der von Apple geprägte Coverflow-Effekt ist mittlerweile sehr populär. Im Folgenden ein knappes Dutzend Beispiele für Coverflow in Flash oder Flex. Größtenteils können die Quelldateien heruntergeladen werden.
Der sogenannte PageFlip-Effekt, also die Nachbildung des Umblätterns von Seiten, erfreut sich immer noch einer hohen Beliebheit. Ich habe im Folgenden eine kleine Übersicht über die gängigsten Möglichkeiten zusammengestellt. Falls jemand weitere Komponenten kennt, die unbedingt in die Liste sollten, kann er mir gern eine kurze Nachricht schicken.
Beim SWF & FLV Player handelt es sich um ein kostenloses Programm für Mac-User, das sowohl Flashvideos als auch SWF-Dateien abspielen kann. Folgende Features werden geboten: