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.
PHILIPP ROTH
JENS WIESE
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?
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.
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.
Ja, aber dann muss ich das Video trotzdem zweimal anklicken bis es läuft…
Freu mich auf das Whitepaper.
[...] Facebook-Fanpages mit YouTube-Videos und Flash-Files versehen werden können: http://bit.ly/9bTZr8 [...]
Vielen Dank für den hilfreichen Tipp!
[...] 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. [...]
[...] 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 [...]
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
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
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?