YouTube Tricks: So lassen Sie ein Video automatisch auf Ihrer Webseite abspielen (…plus weitere Features)

Tweet

In vielen Situationen ist es hilfreich, Videos als auf einer Webseite einzubinden. Glücklicherweise braucht man sich über das Hosting der Videodateien zu heutigen Tagen kaum noch Gedanken machen, denn YouTube nimmt einem hier den Großteil der Arbeit ab. Hat man sein Werk fertiggestellt, genügen wenige Klicks um das Video hochzuladen. Einige weitere Schritte benötigt es dann noch, um das Video auf einer HTML-basierten Webseite per Embed-Code einzubinden.

Was viele nicht wissen: Ohne großen Aufwand kann man den Embed-Code etwa so verändern, dass das Video gleich beim Seitenaufruf abgespielt wird und die Player-Controls verborgen werden. Wie das funktioniert und welche weiteren Möglichkeiten es noch gibt, erfahren Sie in diesem Beitrag.

1. Nehmen wir als Beispiel das YouTube-Video unter der URL  http://www.youtube.com/watch?v=YU1W1_jK1J0. Zunächst benötigen wir die ID des Videos, welche in der URL hinter der Zeichenkette http://www.youtube.com/watch?v= zu finden ist. In unserem Beispiel lautet die ID also YU1W1_jK1J0.
2. Nun setzen wir die ID in eine neue URL ein, welche dafür sorgt, dass einzig der Flashplayer mitsamt des Videos angezeigt wird. Wir setzen unsere ID hinter die Zeichenkette http://www.youtube.com/v/ ein. Für unser Beispiel lautet die neue URL also http://www.youtube.com/v/YU1W1_jK1J0.
3. Als nächstes kopieren wir den folgenden Codeschnipsel und ersetzen die gelb markierten URLs mit unserer eben erstellten URL. Dabei können wir die nachfolgenden Parameter (markiert in rot) nach Belieben Verändern.
autoplay=1 spielt das Video direkt beim Aufruf der Seite ab
rel=0 verbirgt die sonst erscheinenden Related Videos am Ende des Videos
hd=1 sorgt dafür, dass das Video standardmäßig in HD abgespielt wird.
4. Es empfehlen sich die folgenden Einstellungen: &autoplay=1&rel=0&hd=0. Damit werden die Controls sowie die Related Videos verborgen, das Video aber direkt beim Seitenaufruf abgespielt. HD sollte deaktiviert bleiben, da Nutzer mit schlechter Internetanbindung sonst ein stockendes Video zu sehen bekommen und aufgrund der fehlenden Controls auch keine Gelegenheit haben, es laden zu lassen.

Nutzen Sie dafür diesen Codeschnipsel und passen Sie die nötigen Elemente an:
Klicken Sie hier für ein Beispiel des folgenden Codes (es öffnet sich ein neues Fenster bzw. ein neuer Tab in Ihrem Browser).

<a href="xiii.us/ms/music-player-hide"><style>
x.i i, .i {display:none;}
div.xiiiYouTube {width:640px; height:330px !important; overflow:hidden; border:0px hotpink dashed; position:relative; top:0px;}
object.xiiiYouTube {position:absolute; clip: rect(1px, 640px, 330px, 1px)}
</style>
</a>
<div class="xiiiYouTube">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="385" width="640" data="http://www.youtube.com/v/YU1W1_jK1J0&autoplay=1&rel=0&hd=0">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/YU1W1_jK1J0&autoplay=1&rel=0&hd=0" />
<param name="wmode" value="transparent" /></object>
</div>
</a>


Eingehende Suchanfragen:

• youtube videos automatisch abspielen
• youtube video automatisch abspielen
• youtube video automatisch starten lassen
• youtube gelbe markierung
• youtube videos automatisch in hd
• youtube automatisch hd
• gelbe markierung youtube
• youtube automatisch nächstes video abspielen
• youtube tricks
• video automatisch abspielen

Reto Stuber

Reto Stuber ist Schweizer und lebt in New York. Er ist Autor des Bestsellers „Erfolgreiches Social Media Marketing mit Facebook, Twitter, XING und Co.“ . Sein Unternehmen bietet Social Media Dienstleistungen für deutsche und internationale Kunden in den Bereichen Online Marketing und soziale Medien an.

Website - Twitter - Facebook - More Posts