Friday, August 20, 2010

Embedding Facebook Video

It is relatively easy to upload video to Facebook and share it with friends in Facebook. However, sharing the video through other site eg. Blogger, Wordpress or other website is not so straight forward as Facebook video does not provide embedded code like YouTube. However once you know the trick, it is a pretty simple task to do by following the procedure below,

1) Open the Facebook video and the URL look like this.






2) Copy the video ID (The number at the end of the URL, in my example 189394620443)
3) Copy the code snippet below and paste it in your site HTML editor

<object height="305" width="480">  <param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://www.facebook.com/v/xxx" />
<embed src="http://www.facebook.com/v/xxx" type="application/x-shockwave-flash"
   allowscriptaccess="always" allowfullscreen="true" width="480" height="305">  </embed>
</object>


4) Replace the xxx with your video ID. You may change the height and width to fit in your page.

That's it! Simple as pie.

No comments:

Post a Comment