Vimeo-Video in die eigene Webseite einbinden !

Wenn Sie ein Vimeo-Video in die eigene Webseite einbinden möchten, dann sehen Sie im folgenden Video Schritt-für-Schritt, wie Sie dabei vorgehen sollten:

Wer es lieber in schriftlicher Form haben möchte, findet hier die Kurzbeschreibung dazu:

1. Gehen Sie mit dem Mauszeiger auf das Video und klicken Sie im Video oben rechts auf "Embed".

2. Kopieren Sie den Code und fügen Sie diesen in den HTML-Code Ihrer Webseite ein.

<object width="400" height="225" ><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=922866&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=922866&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225" ></embed></object><p><a href="http://vimeo.com/922866">Paragliding</a> from <a href="http://vimeo.com/user390466">Fernando Monteiro</a> on <a href="http://vimeo.com">Vimeo</a>.</p>

3. Wenn Sie die drei Links unter dem Video löschen möchten , denn entfernen Sie alles was zwischen den <p>grüner Code im oberen Bild</p> steht.

4. Mit width="400" height="225" können Sie dann die Größe des Videos anpassen.

Tutorial: YouTube-Video in 1080p-HD einbinden

In diesem Tutorial erkläre ich, wie Sie ein HD-Video (1080p) von YouTube in Ihre Homepage einbinden können.

1.) Kopieren Sie sich den Embedded-Code von YouTube. Der sieht wie folgt aus - und uns interessiert dabei nur die grüne Video-URL :

<object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/7BOhDaJH0m4&hl=de_DE&fs=1& "></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/7BOhDaJH0m4&hl=de_DE&fs=1& " type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>

2.) Der YouTube-Parameter für die HD-Version lautet:

&hd=1

3.) Den hängen wir einfach an die Video-URL an und schon ist die HD-Version in der eigenen Webseite eingebettet (natürlich ohne die Leerzeichen):

<object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/7BOhDaJH0m4&hl=de_DE&fs=1 &hd=1 "></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/7BOhDaJH0m4&hl=de_DE&fs=1 &hd=1 " type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>

Wenn Sie den YouTube-Video-Link verschicken möchten, der dann bei YouTube direkt die HD-Version abspielt, dann hängen Sie einfach den HD-Parameter an den Video-Link an:

http://www.youtube.com/watch?v=7BOhDaJH0m4 &hd=1

Damit Sie es gleich ausprobieren können ist hier der Link: http://www.youtube.com/watch?v=7BOhDaJH0m4&hd=1

Übrigens sehr nette SlowMotion-Kamera, die in dem Video zum Einsatz kommt (kostet ca. 100.000$).

Aber eine viel wichtigere Frage: Spielt das Video in der HD-Version bei Ihnen ruckelfrei ab ? Bitte einen kurzen Kommentar unten schreiben. Denn bei mir ruckelt es ohne Ende. Und was bringt eine HD-Version, wenn es sich dann doch keiner anschaut, weil es nur nervig vor sich her ruckelt.

Anleitung: YouTube-Videos automatisch starten

Wenn Sie YouTube-Videos auf der eigenen Webseite einbinden, dann können Sie diese auch automatisch starten lassen. Das geht ziemlich einfach mit der Autoplay-Funktion. So wie das in diesem Video umgesetzt ist:

Und hier finden Sie nun die Schritt für Schritt-Anleitung:

1. Kopieren Sie sich den Embedded Code von YouTube. Das sieht für das obige Video wie folgt aus. Davon interessieren uns eigentlich nur die beiden grünen Links:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/GlV4fQbxXwE&hl=de_DE&fs=1&" ></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/GlV4fQbxXwE&hl=de_DE&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

2. Kopieren Sie den folgenden Code "&autoplay= 1 ":

&autoplay=1

3. Und fügen Sie diesen jeweils am Ende der beiden YouTube-Links ein:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/GlV4fQbxXwE&hl=de_DE&fs=1&autoplay=1 " ></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/GlV4fQbxXwE&hl=de_DE&fs=1 &autoplay=1 " type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Und dann einfach diesen Code in die eigene Webseite einfügen !

P.S.: Ich weiß, dass es manche Menschen nervt, wenn die Videos sofort starten, aber die Conversion-Rate war bei meinen Tests immer deutlich höher.