How do I embed a Facebook video into a webpage?

March 29, 2014 9:05 AM

I'm hoping there's a really simple answer to this, but I'm stumped. I can't seem create the right HTML code to embed Facebook video from 2012 into a blog post.

This is the video: https://www.facebook.com/video/video.php?v=10100472445547318

The video does not exist on Youtube, Vimeo, or anywhere else that I've been able to find.

I don't want to download it and reupload it because it's not my work. I could reach out to Creative Duet (video creators) to see if they're willing to upload it onto their Youtube channel but I kind of feel that they probably won't since it's not worth their time.

I tried this:

[object width="650" height="366" ]
[param name="allowfullscreen" value="true" />
[param name="allowscriptaccess" value="always" />
[param name="movie" value="http://www.facebook.com/v/10100472445547318" />
[embed src="http://www.facebook.com/v/10100472445547318" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="650" height="366">
[/embed>
[/object>

(^I replaced the left angled bracket with [ since it wouldnt show up in askme)

But that did not work. Or at least it didn't when I tried embedding it into a Tumblr test post. Does anyone else have any ideas? Or does the above code work for anyone? It could also be my browser that is acting up...

posted by anonymous to Computers & Internet (7 answers total)

It's weird... it looks like Facebook introduced a way to officially embed posts, which made the method you put in your question obsolete, but it doesn't seem supported on everything. For example, here's the code to embed a post from Grantland from my feed:

[div class="fb-post" data-href="https://www.facebook.com/Grantland33/posts/10100865059730185" data-width="466"][div class="fb-xfbml-parse-ignore"][a href="https://www.facebook.com/Grantland33/posts/10100865059730185"]Post[/a] by [a href="https://www.facebook.com/Grantland33"]Grantland[/a].[/div][/div]

But I can't find similarly formatted URLs for the content you mention that would fit in there. I think the problem may be that your content comes from a group, whereas the content I posted comes from a page.
posted by codacorolla at 9:42 AM on March 29, 2014

Here is the official confirmation which confirms codacorolla's guess. Only certain types of content can be embedded and the restrictions are very strict.

You can check here if a post is embeddable and directly get the code from it.

Solution: Just share the video in your timeline as a public (that's important) post and you will able to embed it using the way as described in the two links I provided. I just checked it and it works. You should be able to embed it into Tumblr using the Video option.
posted by KMB at 2:28 PM on March 29, 2014

Using a download program I have, I downloaded the video from Facebook and uploaded it to youtube as an unlisted video. Here is the link. I think this will work for you. Please let me know if you are able to attach it to your blog page. http://youtu.be/Y9yGCs8G4s0 Then, download it yourself to your desktop, and upload it again to your blog page, and please let me know so I will then delete the youtube page. Good luck---I think this is the simplest solution.
posted by lloubee at 10:28 PM on March 29, 2014

On second thought, I deleted the youtube page rather than having to leave it permanently as a link for your blog.
posted by lloubee at 10:32 PM on March 29, 2014

So sorry. Do you use Dropbox? If you do I can send the mp4 of the video file to you that way. It's 4.57 MB.
posted by lloubee at 10:38 PM on March 29, 2014

I'm assuming you will give credit in your blog to Creative Duet as the originators of the video?
posted by lloubee at 11:03 PM on March 29, 2014

You could just use the YouTube version. It's much better quality anyway.
https://www.youtube.com/watch?v=Ofhcv-UCYHk
posted by FreezBoy at 3:48 AM on March 30, 2014