Fan auf Facebook werden

[Fanseite] Wie füge ich ein Youtube Video in meine “Landing Page” ein

Ein Youtube-Video auf der “Landing Page” kann eine Fanseite aus der Masse herausstechen lassen. Doch leider lassen sich bei Facebook Videos nicht einfach per “Embed-Code” einbetten, wie man es von der eigenen Webseite gewohnt ist. Aber keine Angst, mit einem kleinen Zwischenschritt ist auch dieses Problem schnell gelöst. Folgt einfach der nachstehenden Schritt-für-Schritt Anleitung:

Grundvoraussetzung

Grundvoraussetzung ist, dass ihr die FBML Applikation mit eurer Fanseite verlinkt habt und wisst mit dieser umzugehen. Für die folgenden Zeilen setzen wir das voraus. Besteht bei euch diesbezüglich noch etwas Nachholbedarf, hilft euch dieser Post weiter.

Der Code

Für die Einbettung eines Youtube-Videos nutzt ihr anstelle des eigentlichen “Embed-Codes” den folgenden Code:

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxxxxxxxxx'
imgsrc='http://img.youtube.com/vi/xxxxxxxxxx/2.jpg' width='340' height='270' />

Nun tauscht ihr die “xxxxxxxxxx” mit der Video ID aus. Die Video ID ist der Part zwischen dem v/ und dem & in der Adressleiste eures Youtube-Videos (fett geschrieben). Beispiel:

http://www.youtube.com/watch?v=oQGjjNUsYcA&feature=related

Der fertige Code sieht dann wie folgt aus:

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/oQGjjNUsYcA'
imgsrc='http://img.youtube.com/vi/oQGjjNUsYcA/2.jpg' width='340' height='270' />

Aktivierung

Facebook zwingt den User Javascript oder Flash zu aktivieren. Deswegen sieht jeder Besucher eurer Fanseite zunächst ein Bild (“imgsrc”) anstelle des eigentlichen Videos. Mit einem Klick auf das Bild wird das Video geladen.

Normalerweise muss jeder Besucher, nachdem er auf das Bild geklickt hat, das Video mit einem zweiten Klick manuell starten. Um das Video direkt zu starten, fügt nach der Video ID außerdem “&autoplay=1″ ein. Beispiel:

swfsrc = 'http://www.youtube.com/v/oQGjjNUsYcA&autoplay=1'

Das Bild

Als Vorschaubild (“imgsrc”) wird normalerweise ein Bild aus dem Youtube-Video ausgewählt. Ihr könnt allerdings auch euer eigenes Bild als Vorschaubild verwenden. Erstellt dafür eine entsprechende Grafik und ladet diesen auf euren Server. Anschließend verlinkt ihr die Grafik/Bild mit eurem Einbett-Code.

imgsrc='Link_zu_eurem_Bild' width='340' height='270' />

Kommentare