Will man ein YouTube-Video auf einer Seite einbinden, kommt man nicht um den YouTube Flashplayer herum. Bisher. Die neue YouTube Javascript API ermöglicht die Steuerung der meisten bekannten Funktionen des Flashplayers.
Damit ist der Chromeless Player die perfekte Vorlage um einen Player zu entwickeln, der von der Einbindungsseite gesteuert werden kann (und damit nicht wiederholt geladen werden muss), keine fremden Videos zeigt, eine vorgegebene Playlist besitzt und leicht einzubinden ist. Mit Javascript und jQuery habe ich einen solchen Player entwickelt:
Der Player kann mit einem Iframe in jede beliebige Seite eingebunden werden:
Die Magie der Einbindung liegt in der URL, in der der Player konfiguriert wird. Im folgenden Beispiel entspricht in den farbigen Markierungen rot der gewünschten Breite, grün der Höhe, lila der Hintergrundfarbe beim Laden, orange der Anzeige von Werbung, braun dem Start-Titel und blau der zu startenden YouTube-ID.:
Die ID eines YouTube-Videos ist leicht zu finden, da sie in allen YouTube Video-Links enthalten ist. Gehe auf die YouTube-Seite des einzubindenden Videos und kopiere dessen URL aus der Adressleiste. Die Video-ID findest Du hinter der Passage v=, wie in diesem Beispiel:
Diese URL kann um eine selbst zusammengestellte Playlist ergänzt werden, die in den Player geladen wird. Das folgende Beispiel enthält 5 Titel in Folge, deren Daten nach dem Muster YouTube-ID,Titel des Videos; aufgebaut sind.
![[Post to Twitter]](http://blog.sefzig.net/wp-content/plugins/tweet-this/icons/tt-twitter-micro1.png){kind=icon}