YouTube Videoleiste einbinden

Viele möchten wenn sie YouTube Videos in ihrer Homepage einbetten nur die Leiste mit den Steuerelementen haben. Vor allem wenn es sich um Songs handelt. Seit einiger Zeit kommt dabei das Problem auf, dass die YouTube Informationen am oberen Rand des Videos alles überdecken und man das Video nichteinmal auf der selben Seite starten kann. Das sieht mit dem angepassten, normalen Einbettungscode so aus (darunter der dazugehörende Einbettungscode):

<iframe src="http://www.youtube-nocookie.com/embed/rO_9wytJa_8?rel=0" frameborder="0" width="100%" height="28"></iframe>

Aber diesen Fehler kann man recht leicht beheben indem man Parameter zu der Einbettungsurl hinzufügt. Zuersteinmal müssen die Informationen oben weg, damit diese nicht über dem Video liegen. Das ist durch das Parameter &showinfo=0 machbar. Damit wird festgelegt, dass die Informationen ausgeblendet werden. Wenn diese Informationen weg sind kann man schonmal auf das Video klicken ohne extra zu YouTube zu müssen. Doch die Leiste wird noch nicht dauerhaft eingeblendet sondern verschwindet nach ein paar Sekunden wieder. Das sie verschwindet kann man aber mit &autohide=0 ausschalten. Wenn wir diese beiden Parameter einfach an die URL anfügen funktioniert die Leiste wie gewohnt:

<iframe src="http://www.youtube-nocookie.com/embed/rO_9wytJa_8?rel=0&amp;showinfo=0&amp;autohide=0" frameborder="0" width="100%" height="28"></iframe>

Kurz Zusammengefasst

• YouTube Einbettungscode kopieren und einfügen.
• Höhe und Breite des Videos anpassen (Am besten eine Höhe zwischen 25 und 35 wählen – wie es einem gefällt).
• &showinfo=0&autohide=0bei der URL hinzufügen (siehe unterer Beispielcode).
• Fertig!

29. Juni 2012 1 Kommentar Allgemein