(YouTube) Videos und Flash-Files in eigenem Tab

(YouTube) Videos und Flash-Files in eigenem Tab


vid

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.

Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on LinkedInBuffer this pageEmail this to someone
Kategorien
Veröffentlichung 15. Februar 2010

Es gibt 20 Kommentare

Deinen hinzufügen
  1. 1
    Annette Schwindt

    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?

  2. 8
    facebookmarketing.de | Tutorial: Chat & Kommunikation in Echzeit – Die Facebook Live Stream Box auf der eigenen Homepage nutzen

    […] 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. […]

  3. 10
    Helmut

    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

  4. 11
    Sebastian

    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

  5. 12
    Gerald

    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?

  6. 15
    Steven Coltman

    Hallo Zusammen,
    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 :( Hat dafür jemand vielleicht eine Idee? :)

    Beste Grüße

  7. 18
    Axel

    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!!

  8. 19
    DJ Mumii

    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

  9. 20
    DJ Mumii

    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 !!

+ Hinterlasse einen Kommentar