Embed a Vimeo video as FBML
Posted on 07. Mar, 2011 in Personal
I spent a while earlier today trying to embed some Vimeo videos in a FBML box on COMMON’s Facebook page and it was kind of a pain. Facebook doesn’t like Vimeo’s new iframe-based player, and you have to specify a thumbnail image for an embedded flash object. So in case anyone else is trying to do the same thing, I made a little form that lets you set some options and gets a thumbnail image through Vimeo’s API. It’s not pretty but it gets the job done.
Select embed options
Got a question?
Is this the best, most up-to-date mehod to embed videos on Facebook?
Good question. Facebook says that they're deprecating FBML but I couldn't find any better way.
But does it work?
As of today, yes.
Are you planning to maintain this in case Facebook and/or Vimeo change their APIs?
Not unless something of mine breaks.
Can I contact you for support?
You can leave a comment below and I'll help if I can.
Anything else?
It works best if your width and height maintain the aspect ratio of the original video. Otherwise the thumbnail image gets distorted. Also, Facebook might override some of your selections, like fullscreen.
How do I use it?
Just enter the ID of the Vimeo video you're trying to embed. Then feel free to change any of the defaults for the other values.
This is awesome, nice one Josh! I love content curation and distribution, finding new ways of embedding and sharing videos and other cool tid bits is always a pleasure, find easier ways of doing it is even better! :D
[...] to the FearLess Cottage. As alluded to in my last post with the Vimeo-Facebook embed form, I’ve started an internship here where I’ll be [...]
I have been working on this all day! Thank you so much for posting a solution!
You are a legend – can’t believe how easy your solution was. I’ve spent 48 hours and have tried the Hyperarts tutorial about 6 times, to no avail. Thank you from the bottom of my heart!
You are awesome. Tried loads of sites and you have made this really simple. Great job.
Thank you, you are the best. I use your a blog every day. thanks from spain. luis
Hi, Thanks for the code it sure helps. Just one question. Is it possible to autoplay?
I think that Facebook disables autoplay.
AMAZING MAN!. spent an hour trying other “tutorials” this worked like a charm!
not working…. :( nothing appears in FBML Tab
where will i put the the fbml code?
@tom: Facebook is always changing stuff and I haven’t kept this code up to date. But I just tried embedding a video and it seemed to work. Sorry I can’t be more helpful.
@trish: You need to have a static FBML tab first. Since Facebook has deprecated FBML, you might not be able to create new FBML tabs anymore. Sorry.