(YouTube) Videos und Flash-Files in eigenem Tab
Videos auf FanPages
Als Reaktion auf unsere “Karten auf den Tisch”-Beitrag habt ihr uns eure Fanpages vorgestellt. Dabei hat uns besonders der Einsatz eines eigenen FBML Tabs auf vielen Seiten gefallen. Eine Zusammenfassung werden wir euch am Donnerstag in einem Whitepaper präsentieren.
Heute wollen wir euch aber noch eine weitere Bereicherung für diesen Tab zeigen, das Einbinden von YouTube Videos oder Flash Elementen. Da das statische FBML keine <embed> und <object> Tags erlaubt, ist dies nur mit einem kleinen Umweg über einen speziellen swf Tag möglich.
Mit folgendem Script lässt sich so ein YouTube Video in eine Static-FBML Box einbetten:
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxVIDEOIDxx'
imgsrc='http://img.youtube.com/vi/xxVIDEOIDxx/2.jpg'
width='340' height='270' />
Dabei ist gerade der Parameter imgsrc optional. Er läd ein Vorschaubild von youtube und setzt es als Platzhalter.
Alle möglichen Parameter von fb:swf finden sich im Developer Wiki. Diese sind besonders interessant, wenn ganze Flash Applikationen in einen Tab eingebettet werden sollen. Viele Social Apps nutzen diese Methode.
Doch Videos lassen sich in Facebook nicht nur über YouTube einbinden, nein es können auch flv-Videos über den Facebook eigenen Videoplayer gestreamt werden.
<fb:flv src='http://www.mediacollege.com/video-gallery/testclips/barsandtone.flv' width='400' height='300' title='my movie' color='#FFBB00' salign='r' img='http://www.example.com/test.jpg' scale='showall'/>
Auch hier sind alle Parameter im Wiki dokumentiert.
Über den Autor:
Jens Wiese: Jens hat Online Medien (B.Sc.) und Digitale Medien (M.Sc.) an der Hochschule Furtwangen studiert. Jens berät als Freelancer große internationale Unternehmen, die auf Facebook aktiv sind, entwickelt neue Applikationen, organisiert Workshops und entwirft individuell passende Strategien. Zudem ist er als Lehrbeautragter tätig. Mehr...
Februar 15th, 2010 at 14:45
Super Tipp, vielen Dank! Genau das, wonach ich gerade gesucht habe.
Nur das Vorschaubild, wenn so über imgsrc (egal ob 1, 2, oder 3) eingebunden, ist nur der Thumbnail ohne Play-Button, so dass nicht ersichtlich wird, dass es sich um ein Video handelt. Habt Ihr irgendwelche Tipps dazu?
Februar 15th, 2010 at 15:04
PS. Es geht hier um dieYouTube-Einbindung. Erst wenn man das Vorschaubild anklickt, kommt die übliche Video-Ansicht, die man dann nochmal anklicken muss, um das video abzuspielen.
Februar 15th, 2010 at 15:21
Hier musst du ja nicht zwingend das YouTube Bild nehmen, du kannst auch ein Bild aus einer beliebigen anderen Quelle nehmen und so den Film anteasern.
Februar 15th, 2010 at 15:28
Ja, aber dann muss ich das Video trotzdem zweimal anklicken bis es läuft…
Februar 15th, 2010 at 16:22
Freu mich auf das Whitepaper.
Februar 19th, 2010 at 11:24
[...] Facebook-Fanpages mit YouTube-Videos und Flash-Files versehen werden können: http://bit.ly/9bTZr8 [...]
Februar 20th, 2010 at 13:28
Vielen Dank für den hilfreichen Tipp!
Februar 22nd, 2010 at 08:33
[...] Facebook bietet neben der bereits vorgestellten Facebook Fan Box auch noch weitere Widgets für die eigene Homepage an. Ein gutes Beispiel dafür ist die Facebook Live Stream Box. Die Box erlaubt es einen Chat in die eigene Homepage zu integrieren, mit dessen Hilfe sich Facebook Nutzer unterhalten können. Wie schon aus dem Namen hervor geht ist die Live Stream Box insbesonders für Live Events gedacht. So hat die ARD die Live Stream Box mit dem Livestream der Bundestagswahl 09 oder dem Tatort kombiniert, aber auch die FooFighters haben bereits Konzerte mit der Box kombiniert (s.o.). Da die Box nicht nur auf der eigenen Webseite genutzt werden kann sondern auch in einem Tab auf der eigenen Fanpage lässt sich diese auch super mit unserem Tutorial zur Videointegration in Facebook Fanpage Tabs kombinieren. [...]
März 10th, 2010 at 21:27
[...] Leider nur die meisten – IFRAME geht z.B. nicht. Schade auch. Trotzdem kann man so gut seine HTML-Kenntnisse in FB nutzen. Und wer Flash oder Youtube in seine Fanpage integrieren will, dem wird in folgendem Tutorial geholfen: (YouTube) Videos und Flash-Files in eigenem Tab [...]
April 26th, 2010 at 09:34
Hilfe,
das Vorschaubild wird nicht angezeigt. Was mache ich falsch? Hier meine Konfiguration:
Das Vorschaubild hat die gleiche Größe wie der Film und Facebook hat auch Zugriff darauf.
Brauche dringend Hilfe.
Grüße
Helmut
August 9th, 2010 at 09:54
Hi,
guter Tipp! Danke! Allerdings möchte icvh auf der Canvas Seite meiner Anwendung ein Video (FLV) einbinden. Das Abspielen funktionieren, aber das Vorschaubild wird einfach nicht geladen.
Weder mit “src=….jpg” noch mit “imgsrc=…jpg”
Hat noch wer Ideen dazu?
Viele Grüße,
Sebastian
August 10th, 2010 at 16:19
Hallo, kann man auf einer Internetseite die Facebook-Pinnwand inkl. Fotos streamen? Funktioniert dieses auch für die englische Übersetzung einer Website? …oder muss man dafür einen zweiten Account anlegen?
September 6th, 2010 at 18:43
Hallo, ich möchte das obige YT-Video einbinden. Es funktioniert nicht mit dem Video-Link. Wie muss ich ihn verändern, damit es mit dem obigen Code funktioniert? thx
September 6th, 2010 at 18:44
http://www.youtube.com/watch?v=5P8rmwRFfGc
Das Video möchte ich einbinden.
Oktober 11th, 2010 at 11:35
Hallo Zusammen,
Hat dafür jemand vielleicht eine Idee? 
bei mir funktioniert das Einbinden von Videos überall, nur leider einmal wieder nicht im IE. Dort wird nur das Vorschaubild angezeigt, aber leider nicht zum Videoplayer umgesprungen wenn man drauf klickt
Beste Grüße
November 24th, 2010 at 18:31
Hi so funktioniert es mit einem klick noch am basteln das es nicht angezeigt wird und ohne klick abspielt
swfsrc=’http://www.youtube.com/v/WfkTzOhT-ac&autoplay=1′
Dezember 22nd, 2010 at 12:34
Super erklärung, ich habe aber ein Problem mit den absoluten Werten. Wie kann ich die absolute URL bei Youtube sehen?
April 16th, 2011 at 12:40
Hey ihr! Habe ein Problem bei der Einbindung des fb:swf-Tags in eine normale .php-Seite, die als iFrame-Tab zu einer Seite hinzugefügt wird. Muss ich auf irgendetwas achten oder müsste es funktionieren wie bei Static FBML?
Bitte um Info!!
September 2nd, 2011 at 21:05
Heii ihr da draußen !! Ich brauche drinqend eure hilfe !!
) Es qeht um ! Ich hab einen Flash dinq da 
) herunter qeladen mit Bilder , music & dabei war noch ein XML & ein Index datei !! Nun ist meine Fraqe wie ich das alles auf meiner Fanpaqe hin bekomme ? Wäre echt toll wenn Jemand da draußen mir helfen könnte !! Freue mich schon auf die Antworten ((:! Mit freundlichen Gruß ! euer DJ Mumii
September 3rd, 2011 at 13:36
Heii leute brauche drinqend hilfe !! Ich habe mehrere datein z.B. audio datein & Bilder & eine XML datei !! Nun weiß ich nicht wie ich das qanze auf meiner Seite hochladen soll !! Ich hoffe ihr könnt mir weiter helfen !!