Embed Youtube Videos in a Facebook Page Tab: Add Video Album
This article explains you how to add videos to your facebook page. Now you can spice up you music band, product, comedy site etc fan page with videos from your youtube channel.
Embed Flash, Youtube Videos in Fan Page Using FBML
Step 1 : Go to your Facebook Fan Page. Click on “Edit Page”
Step 2 : Scroll Down to the last of this page. Click on “Static FBML” under More Applications.
Step 3 : Click “Add to My Page” and select you Facebook page to Add it.
Step 4 : After you’ve added FBML application Go back to Facebook page, Click on “Edit Page” again like Step 1. Scroll down to look for “FBML” and click “Edit”
Step 5 : Enter the Name of the Page Tab (For eg. My Videos etc) and enter the FBML code (discussed below) as shown.
# FBML Code for Embedding Youtube Videos, Flash Based Music, Video Player
<fb:swf swfbgcolor="000000" imgstyle="border-width:5px; border-color:white;" swfsrc='http://www.youtube.com/v/kffacxfA7G4&autoplay=1' imgsrc='http://img.youtube.com/vi/kffacxfA7G4/0.jpg' width='480' height='360' />
Notice certain aspects in this video code… youtube videos are in flv so we can use swfsrc in fbml. The kffacxfA7G4 is the video id which you can find in any youtube url.
&autoplay=1 is an youtube customize trick that will automatically start playing the video when the image is clicked. Here the image used is the default screenshot of the youtube video. I guess you can figure out the rest.
Simply use this code and replace the youtube video id with yours. Here is how it look (below)
# Adding Your Youtube Channel Videos or Playlist
You can create a playlist of youtube videos at youtube.com/custom_player. Create a custom playing with the videos and add the playlist id as shown in the code.
swfsrc='http://www.youtube.com/cp/vjVQa1PpcFMB8fIeBai45TUk3mBKwfzOz_kOVjVymnY='
Now instead of single video you now have a playlist of youtube videos embed in your facebook fan page.
I hope this helps… Let u know of any issues in comments…
Also See : How to Create Playlist of Selected Youtube Videos
17 Responses »
Poma : There is no "edit" button on the fanpage!?!
Debajyoti Das : @Poma: Then its not your Fan Page.... You can only edit "your" pages
Poma : It is my fan page!
Debajyoti Das : @Poma: Then its definately there... look below the profile page photo.
Poma : No! Have a good look here: http://img99.imageshack.us/img99/382/captureyfu.png
Debajyoti Das : @Poma: ya... its the page for snaphow.... Its my page... I am the page admin. Since you are not the page admin... you won;t be able to use the edit option. You can only edit pages you have made. Use the "Create a Page for My Business" link on this page to create a page for yourself or your business or website etc
Carmine Checca : nice design i like your blog!Thanks
Soumen : Nice one bro.
chaiwat : Nice tip, thanks.
Chrono Guide : Thank you for a very helpful post. Is it possible to make the video autoplay without the person clicking on the picture? What I would like is that when the person visits the Facebook page, the video will automatically start playing.
Debajyoti Das : @Chrono Guide: No thats not possible with this code...
rido : Lovely! One thing; can i make the youtube player appear directly instead of a full static image? cos people may think that this is an image and may not click it. Btw great work. i appreciate your efforts to share this. works perfect and is very useful!! - Thanks!!!
Ivy : i have tried, but facebook seemed to have changed, and the playlist code doesn't work anymore, is there another way to put a video playlist in my page???
Ivy : ok, i have figured it out does anyone know how to make it allow fullscreen? it would be very helpful to me thank you this is the code i tried
EUGENE : IT'S GREATE!!!!! THANK A LOOOOOOOOOOOOOOT
Otis : Hi, Here is alternate for Adding Your Youtube Channel Videos or Playlist.
Jimmy : Cool but these tabs are pretty old. Why dont you shift to the new version here: http://apps.facebook.com/youtubevideostab
ยป Leave a Reply