Related: How to Embed Your YouTube Channel Video Player in a Static FBML Page
As detailed in my previous blog post on the Facebook application Static FBML, this Facebook app is a great way to create custom pages with layouts created in CSS/HTML, or by using Facebook’s proprietary FBML (Facebook Markup Language).
Recently, someone asked us how to embed video in a Static FBML page. Well, you can actually embed any Flash object using FBML, and it’s pretty easy. Here’s how it’s done if you want to embed a YouTube video (Note: you can use this technique to embed any Flash object with the .swf extension).
Important:
- Static FBML can only be used on Fan Pages, not Personal Profiles or Group pages.
- You can only use CSS and HTML in these pages, and FBML.
Embed a YouTube video using FBML
Here’s the code you put on your Static FBML page:
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxxxxxxxxx'
imgsrc='http://img.youtube.com/vi/xxxxxxxxxx/2.jpg' width='340' height='270' />
Replace “xxxxxxxxxx” with the YouTube video ID, which is the string of characters after the “v=” in the URL in your browser’s address bar (up to the “&” or anything following it, if you see that after the string of letters and numbers). For example:
http://www.youtube.com/watch?v=JOt2Qp0H9G8&feature=related
You would replace “xxxxxxxxxx” with “JOt2Qp0H9G8″ in both places, resulting in:
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/JOt2Qp0H9G8'
imgsrc='http://img.youtube.com/vi/JOt2Qp0H9G8/2.jpg' width='340' height='270' />
You can also change the values for “swfbgcolor” and “imgstyle” to your preferences.
The value “swfsrc” is the absolute URL to the Flash file you want to embed (YouTube videos are in Flash format).
The value “imgsrc” is the preview image. This image is usually 120×90 pixels on YouTube, so when you set the width and height variables in the FBML markup, this image will not look so great because you’ll definitely want your embedded video to be larger than that. However, you can change the “imgsrc” URL to point to any image online, so you can create an image at the 340×270 dimensions (or whatever dimensions you wish — the 340×270 is just an example), upload it to your server (or use an image hosting service like Photobucket to host your images).
On your Fan Page, an image appears first (the value of “imgsrc”). When the user clicks the image, it turns into the Flash object.
Feel free to ask questions via comments, and I’ll try to help.
More resources:
Facebook Developer Wiki on Embedding Video
Facebook Fan Page Customization
#1 by Ben Stone - October 14th, 2009 at 04:12
This is perfect – I am meeting with a friend this morning to look over Facebook Fan Pages and he likes video. We will play with this and see what he thinks.
#2 by grant - October 19th, 2009 at 12:13
thinking about embedding some video into a custom tab (made via static-fbml)…. I’m doing some testing right now and I can embed a youtube video… but not video from any other source (photobucket, etc…). Any idea if facebook blocks other video hosting sites? thanks!
Grant
#3 by timware - October 19th, 2009 at 12:31
As long as the source video is in Flash format (has the .swf extension) then you can pull it into an FBML page, as described above. I haven’t tried using it with Photobucket. What’s the URL of the video you’re trying to pull in?
#4 by Dave - December 13th, 2009 at 19:14
This worked great, and then I logged off my facebook fan page and found that, when I clicked on the image, I got an “error on page” message in the taskbar, yet it works ONLY if I am logged in. Is there a solution to that?
Thank you,
#5 by admin - December 13th, 2009 at 19:37
Weird. What’s the URL to the image? And how did you call it in the app? (Remember, when entering code in a blog comment, make the opening bracket “<” rather than the opening angle bracket.)
#6 by Lori - November 4th, 2009 at 14:09
This is great, thanks! Question though… I am trying to embed an swf slide show of images that I would like to have auto start when a person lands on the page (rather than requiring an additional click to start it). Is that possible using fbml?
#7 by admin - November 5th, 2009 at 08:52
Hi Lori … You can’t run any JavaScript that autostarts when the page opens. It has to be triggered by a user action.
#8 by Tyra - November 5th, 2009 at 14:39
Thanks for this Info. I’ve added the code as described, but there is an “x” in my video box instead of the still shot of the video. Also for my other static pages, I do not see any content. Any advice?
Nothing shows in IE in any of the boxes.
http://tinyurl.com/ybdsz76
#9 by admin - November 5th, 2009 at 16:05
All I can say is it *only* works for .swf files. Feel free to send the code you’re using.
#10 by Tyra - November 6th, 2009 at 10:39
This is the code:
<fb:swf
swfbgcolor=”000000″ imgstyle=”border-width:3px; border-color:white;”
swfsrc=’http://www.youtube.com/v/J4v5IXbEauM&hl’
imgsrc=’http://img.youtube.com/vi/J4v5IXbEauM&hl/2.jpg’ width=’340′ height=’270′ />
#11 by admin - November 6th, 2009 at 11:23
The URL for the video is good, but URL for the image (http://img.youtube.com/vi/J4v5IXbEauM&hl/2.jpg) doesn’t go to an image, so that’s probably why you’re not seeing anything. The image URL, obviously, must point to an image. I tested your code with a valid image URL and it worked fine.
On another note, if you post code to a blog comment, you can’t use the opening and closing brackets: < and > You have to use the ISO codes for these which are: < and >
#12 by Jeff - December 1st, 2009 at 14:46
Does this method of embedding a YouTube this way into a StaticFBML App get captured by YouTube’s Insight Stats?
#13 by admin - December 1st, 2009 at 16:49
Yes, Jeff, I believe views on your Facebook page will get tracked in YouTube Insight stats. More info on YouTube’s Help page.
#14 by Larry - December 3rd, 2009 at 07:05
I’ve embedded the following code in a box on my fan page…
… and while it works, the user has to click on the first frame to see the play arrow and other controls. Any idea how I can show this with requiring an additional click?
#15 by admin - December 3rd, 2009 at 10:12
First, I can’t see the code you tried to paste into your comment. Remember, you can’t paste straight code into comments. The opening bracket of the opening tag can’t be “<” – you must use the ISO equivalent which is “<”.
As for having to click the first frame to get to the play arrow, that’s just how it works. I’m not aware of a workaround. If you find one, please update your comment. Thanks!
#16 by Larry - December 3rd, 2009 at 20:35
Ah, OK if that’s how it works. I’ll look around some more and see what I can find out. Also in the future I’ll post the code correctly
Thank you!
#17 by Jodi - December 14th, 2009 at 12:54
Thank YOU SO MUCH!!! I had everything working but the image when you landed on the page with the embedded video looked awful, it was a blurry mess!! I have never working on Facebook but was volunteering my time to help this non-profit. You solved the problem with the suggestion of using Photobucket, I took a screen capture, opened a photobucket account and in less than a minute had everything working!!! Thank YOU!!! The only thing that worries me is you have to click twice, once moves it past the jpg, the second starts the video, probably no way to fix that huh? Oh well, I need to do some more stuff for them……..
#18 by admin - December 14th, 2009 at 13:23
Nope, no way to avoid the two clicks to play the video. Facebook requires that a user activates flash before it can be displayed.
#19 by Analisa - March 5th, 2010 at 17:28
Thanks for your kind words! We work hard to provide helpful advice to our community, not just our clients. If you feel so inclined, we would appreciate a quick review of our services on Yelp: http://www.yelp.com/biz/hyperarts-web-design-oakland
#20 by jed - December 14th, 2009 at 23:03
Is there a way to do this with a SlideShowPro swf? My link is here: http://heathmcconnell.com/media/slideshows/ssp-director-shows/splash/slideshowpro.swf
#21 by admin - December 15th, 2009 at 00:36
I don’t see why not. It’s a swf. Just make sure you set the dimensions to fit, keeping the same aspect ration (but you probably know that). Try following the above instructions and see how it goes. Lovely pics, btw.
#22 by jed - December 15th, 2009 at 19:51
Hey I tried the above instructions here:
http://bit.ly/4GspQY
I still get nothing.
Oh… and thanks for the comment on the images.
#23 by timware - December 15th, 2009 at 21:28
Yes, I tested your swf and it didn’t work. This from the Facebook Developer Wiki:
Could this possibly be the source of the problem? I also wonder about the file size of your swf. I’m unaware of any FB limitations re file size, but ….
#24 by jed - December 15th, 2009 at 23:04
I’ll check it out. thanks.
#25 by Chris Spada - December 17th, 2009 at 16:34
Hello, In I.E, my video player does not stop when a visitor clicks another thumbnail of another video, So the visitor will hear audio from video 1 while the second video begins: App can be viewed here: http://septemberswells.com/
#26 by admin - December 17th, 2009 at 18:44
Well, that’s a bit outside my scope. I do know that IE is one big World of Pain that has brought nothing but headaches to Web developers for many years
#27 by Lori Buff - December 26th, 2009 at 08:19
I can’t get it to work no matter what I do. This is my code:
Can anyone see what’s wrong with it?
Thanks
#28 by Lori Buff - December 26th, 2009 at 08:20
<fb:swf
swfbgcolor=”000000″
imgstyle=”border-width:3px; border-color:white;”
swfsrc=’http://www.youtube.com/watch?v=TWeH4XAjQTw’
imgsrc=’http://www.youtube.com/v/TWeH4XAjQTw&hl=en_US&fs=1&.jpg’
width=’425′ height=’344′ />
Sorry, re-submitting code
#29 by admin - December 26th, 2009 at 09:49
First, I fixed your opening “< " tag code so that it rendered properly in your comment. But getting to your code, you didn't follow the instructions. The swfsrc should be:
http://www.youtube.com/v/TWeH4XAjQTw
rather than the actual URL you have there. I tested this and it works.
Your value for the imgsrc goes to a JPG but it’s not really an image, but a Flash object. When you identify a proper img, then link to it. It can be at YouTube or anywhere else of the Web and you would use the full URL to the image. But your imgsrc links to a Flash object, not an image.
I tested everything and it works.
Also, make sure your code is in plain text, rather than rich text.
#30 by Lori Buff - December 26th, 2009 at 09:56
Thanks, I’d really love to see the actual code that worked because pasting the links you published don’t help the page. So far the best I can do is:
fb:swf
swfsrc=’http://www.youtube.com/cp/vjVQa1PpcFOSPYJU3MevxkWzJJluNR8W1QvsKUhhoJM=’
imgsrc=’http://futurerelicsgallery.com/PotteryImages/smallHHpot1.jpg’
width=’250′ height=’207′ />
Click the Image
#31 by admin - December 26th, 2009 at 10:23
Lori, you’re still using the wrong swfsrc URL. Read the instructions and my previous reply *carefully* …. the YouTube URL should be in *exact* format specified:
http://www.youtube.com/v/xxxxxxxxxxx
where “xxxxxxxxxxxx” is the video’s ID (a string of characters … see the original post, above).
And the image you’re linking to with imgsrc is a valid image, but it’s also really huge, so you may want to scale it down.
And I assume you are using “<fb:swf ” for the opening tag.
#32 by Lori Buff - December 26th, 2009 at 10:58
I appreciate your help, and I did read carefully, maybe the problem is that I’m an artist and not a programmer. Can you dumb down your answer for me? I could help someone else. What I’m trying to get is the image that looks like the image my browser displays when I go to http://www.youtube.com/v/TWeH4XAjQTw&hl=en_US&fs=1&.jpg
From what I’m reading that says .jpg but it’s really not, so how do I find the actual jpeg file that looks like that image so my visitors will know to play the movie without reading a text that says “click on image”
The only reason I had the code that works is because, well, it works, just not well. When I changed it to the “correct” link if didn’t work. And no, I’m not using a rich text editor and yes, I’m using the correct “<fb:swf", you're just not seeing it hear due to the complications of the blog and posting HTML tag into the comments section.
#33 by admin - December 26th, 2009 at 11:25
To get that image you want, you could do a screen capture. But I just don’t have the bandwidth to teach the basics of all these technologies. I’d google around to see how to get images, how to upload them to a server so they can be accessed, etc. You can uploaded images to Photobucket for use on the Web. I can’t dumb down any further. I think my instructions on the proper syntax for the swfsrc and imgsrc are as clear as I can make them. Best of luck, Lori.
#34 by Lori Buff - December 26th, 2009 at 11:30
Ah, a screen capture, I didn’t see that mentioned elsewhere so I was looking for an actual image, which of course I found but then found out that it’s not really an image. I can do the screen capture, now that makes better sense.
Thanks
#35 by Ryan Graham - December 28th, 2009 at 11:44
I am trying to put the flash from this site (www.corbeau.com/virtualjeep/) into a tab on my fan page (http://www.facebook.com/pages/Corbeau-Seats/183686269626?v=app_4949752878). I do not think that it is a simple .swf file to link to so I am currently very confused on where to start.
The code on the actual web page looks like this for the flash:
//
I know this may be a whole different topic or beyond what your able to instruct on this thread but any information would be appreciated.
#36 by Ryan Graham - December 28th, 2009 at 11:45
Sorry the code didn’t show up in my post. Here it is again.
//
#37 by Ryan Graham - December 28th, 2009 at 11:50
It’s not showing up so you’ll have to just go to http://www.corbeau.com/virtualjeep/ and view page source. My apologies for all the posts.
#38 by admin - December 28th, 2009 at 12:23
If the Flash doesn’t load after you’ve carefully followed the above instructions, I probably can’t help you. You might check out the JS gotchas described here: http://20bits.com/articles/5-facebook-application-gotchas/ . Good luck.
#39 by Boy - January 3rd, 2010 at 06:33
Hi im trying to embed the google form frame into my facebook fanpage that i’ve been working on. But when i put this code:
Loading…
nothing shows up. Could you please help me with this issue. Thank you very much. Great posts anyway.
#40 by admin - January 3rd, 2010 at 12:16
First, you can’t use iframes with Facebook Tab pages. Second, I can’t see any code in your comment. Please use the following substitute characters in your code so that it displays in a blog comment:
“<” instead of “< " (without quotes)
">" instead of ">” (without quotes)
If it’s a complicated Flash (.swf) you’re trying to embed, there are Facebook restrictions around Flash that calls external files in order to run, or auto-running JavaScript.
#41 by Jeff - January 8th, 2010 at 15:55
I have downloaded 2 videos and am wondering how to spread them out under the videos tab? They are currently stacked on top of each other.
#42 by matt - January 11th, 2010 at 02:24
hello i was wondering if you also knew how to post youtube videos to face book pages? I have a page but cant get a video on the page i have. it keeps posting it on my personal profile when i do it. Im using the youtube video box which creates a tab, but cannot seem to get a vid up on it.
#43 by admin - January 15th, 2010 at 10:38
Well, there’s a YouTube FB app, and there are plenty of how-tos online in terms of using it.
#44 by Leo - January 14th, 2010 at 03:02
Hi Tim,
I was able to eliminate one click by adding this: flashvars=”autoplay=1″
So the code looks like this:
<fb:swf
swfbgcolor=”000000″ imgstyle=”border-width:3px; border-color:white;”
flashvars=”autoplay=1″
swfsrc=’http://www.youtube.com/v/dMH0bHeiRNg’
imgsrc=’http://img.youtube.com/vi/dMH0bHeiRNg/2.jpg’ width=’340′ height=’270′ />
#45 by admin - January 15th, 2010 at 10:37
Where can I see it in action?
#46 by Logan - January 18th, 2010 at 14:06
My player is working great and the video is working great. I used the embed code that was provided by the author of the video and tweaked it to work with FBML.
However, only one video will appear per page.
Has anyone had a problem like this. I’m not a programmer so It could be something simple.
I’ve tried putting them in separate table rows and separating them with line breaks but no matter what only one video will appear.
#47 by Kayla - January 21st, 2010 at 11:30
I added a YouTube video to my Fan Page and it’s working great. But the video is quite small. Is there a way to make it bigger, to make it take up the whole page?
Help would be appreciated!
-Thanks
#48 by timware - January 26th, 2010 at 09:09
Well, um, have you tried changing the width & height parameters in the code to the actual size of the video?
#49 by Loeki - January 26th, 2010 at 03:21
Hi! First of all, thanks a lot for explaining all this. I was wondering. Now that I’ve followed your tips and tricks the embedded video appears in the tab “boxes” – however I can’t find a way to post this embedded video on the pages wall so that fans will get noticed. Is that possible and if yes, could you explain to me how?
#50 by Berger - January 28th, 2010 at 20:34
Hi, if i wana do an app which embed videos from youtube, and at the same time allow users to view the app and video from iphone, the example shown above does not support. Since iphone supports youtube video, is there a way that the video can be made playable on my facebook app on iphones?
#51 by Bahar - February 1st, 2010 at 11:07
Hi,
I am using the following code on my FB fan page, but everytime i click on the pciture it just disappears and does not take anywhere. Can you please help?
#52 by admin - February 1st, 2010 at 11:55
Well, you didn’t enclose your code within the <code></code> tags so I can’t see it. But from your description, it sounds like the img you specified is being found, but not the video file. Make sure the URL to the video is correct. Test it in your browser.
#53 by Bahar - February 10th, 2010 at 12:55
Hi Tim, sorry about not including the
. Let me try doing this again. So the code is:Gender and Development: Interview with Gita Gopal
Lessons from Kyrgyz Republic Health Sector Reform Projects I and II
and as I mentioned before, when i click on the picture it takes me to no where. I double checked all the links and they seemed to be the right ones. Thanks in advance for your help.
Bahar
#54 by admin - February 10th, 2010 at 19:43
I’d need to see the FBML code you’re using to play these videos. Just one will do. The links do go to videos, so they’re the correct links. I suspect the issue is with the coding.
#55 by Bahar - February 11th, 2010 at 08:48
Sorry, I used
<fb:swf
swfbgcolor="000000" imgstyle="border-width:1px; border-color:white;" swfsrc="http://www.youtube.com/watch?v=l1v8netwE5o" TARGET="_blank"
imgsrc='http://img.youtube.com/vi/l1v8netwE5o/2.jpg' width='120' height='100' title='Gender and Development: Interview with Gita Gopal' />
#56 by admin - February 11th, 2010 at 09:29
Try it without the “TARGET” attribute. I don’t use that and it may be causing the code not to work. I also haven’t used the “title” attribute, so you may want to omit that, as well. And, as a rule, I’d be consistent with using single or double quotes.
#57 by Bahar - February 11th, 2010 at 11:15
Tim, i figured it out. The issue was not in using “title” or “traget” codes. I simply had to delete the word “watch?” from the link. Now I gotta figure out how to open the videos in the new window. Thanks much for your help.
#58 by Lins421 - February 4th, 2010 at 11:42
I have got the flash inserted into my FB page but the image is blurry, I have tried specifying a size per your instructions above, but it is still blurry – help
This is what I have so far. Thx
#59 by Lins421 - February 4th, 2010 at 13:00
Here is the code for some reason it got dropped from original post.
#60 by admin - February 4th, 2010 at 14:39
When posting comments to this blog, you *must* surround your code with <code></code> or it won’t render! Per the instructions in bright red. As you’ll notice, your code didn’t come through.
If you check the URL to your Flash file *outside* the context of the FBML page, how does it look? That is, if you access it directly. The blurriness could be the result of the width/height parameters you have set in the FBML code being larger than the actual size of the video. So check that.
#61 by Lins421 - February 5th, 2010 at 11:09
#62 by Lins421 - February 5th, 2010 at 11:10
<fb:swf width='651' height='488'swfsrc='http://www.MOCG-ISO.com/flash/BeyondISO.swf'
imgsrc='http://www.mediafire.com/imgbnc.php/eb1d21c3a379a99153d175e79541e6092g.jpg' width='340' height='270'
/>
#63 by admin - February 5th, 2010 at 11:15
Your Flash URL checks out fine and seems to be vector-based and scalable. The image you point to that says “Please click to open” is 191px in width, 143px in height, so sizing it to 340 x 270, as you do, is going to distort the image.
#64 by Lins421 - February 5th, 2010 at 11:22
sorry – I mean the blurriness if the image that has to be clicked to activate the flash rather than the actual flash presentation itself.
#65 by Lins421 - February 5th, 2010 at 11:40
I just checked the jpg in MS Picture Manager and it says it is 340×255. No matter what I change the dimensions to on the fbml page is doesn’t change the clarity or size of the image. Can you suggest how I can rectify this I am open to creating a new image but don’t want to make the same mistake again. Thanks. FYI I created the current image in powerpoint saved it as a jpg and resized to what I thought was 340×270 but it actually made it 340×255
#66 by Lins421 - February 5th, 2010 at 11:25
I just resized to 191 x 143 and it looks just the same
#67 by admin - February 5th, 2010 at 11:31
Probably the old values are being cached by your browser. What’s the URL?
#68 by Lins421 - February 5th, 2010 at 11:41
http://www.facebook.com/pages/MOCG-ISO-and-Process-Improvement-Consulting/262105507113?v=app_10442206389
#69 by admin - February 5th, 2010 at 14:36
The image I see is 340 x 270.
#70 by Francis - February 9th, 2010 at 20:57
I tried using the code to pull a swf file. It works, however the original background color of the swf did not appear…
#71 by Lisa - February 16th, 2010 at 16:52
I am having so much trouble doing this for my fan page. Here’s my code
fb:swf swfbgcolor=”000000″ imgstyle=”border-width:3px; border-color:white;” swfsrc=’http://www.youtube.com/v/ vjVQa1PpcFP1cgHTihx2Tq33oo0w4BXZSx67fopxuTA imgsrc=’ http://www. screencast.com/users/LisaBorders/folders/Jing/media/7084dd3a-c0a1-4ea3-8594-bef88687f331 jpg’ width=’340′ height=’270′ /#72 by andy - February 16th, 2010 at 19:27
The image clicks to the video but then the video wont play. It just keeps loading…any ideas?
<fb:swfswfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/4kRY6-opFWM'
imgsrc='http://img.youtube.com/vi/4kRY6-opFWM/2.jpg' width='400' height='225' />
#73 by admin - February 17th, 2010 at 08:45
Not sure what the problem is, Andy. The video plays when accessed directly and your code looks good. Sorry!
#74 by m a r c o - February 18th, 2010 at 21:41
I wanted to say thanks for all this info. This is by far the easiest, most accessible site on this subject that I’ve found. Facebook’s developer pages and wikis are not easy to follow, and not easy to find the info needed… Especially for someone with the attention span of a fruit fly, like me…
Is there any reason why an .swf flash movie doesn’t automatically begin playing like it does on any other website?
#75 by admin - February 18th, 2010 at 21:47
Facebook doesn’t allow anything to happen on pages without the user first taking an action. So SWFs don’t activate, nor does JavaScript. Just the way it is. But then, FB isn’t just “any other website.”
#76 by sharon - February 19th, 2010 at 05:48
Hi. Can this only work with vido uploaded on You Tube? Could it be done using photbucket, as my video clip is there. If so what would be the code to use in the FBML tab?
#77 by admin - February 19th, 2010 at 07:54
As long as the output file you point “swfsrc” to is a .swf file, it should work. You might just try it out, putting the absolute URL to your photobucket video as the value for “swfsrc”.
#78 by asoto - March 1st, 2010 at 06:05
hi,used the codes and worked perfectly but can you help with this, my swf source code cant pull my .xml file and .php file form my server
#79 by admin - March 1st, 2010 at 08:28
When you reference the SWF file, FB creates a local version of it. Because that SWF file then references a local ‘config.xml’ file, FB couldn’t find that file and didn’t load anything. You can get around this by adding to the <fb:swf /> a flashvars variable that includes the absolute path of the config.xml:
flashvars = ‘xmlFile=http://URL-to-config-file/config.xml’
#80 by Cindy - March 4th, 2010 at 17:42
This tutoral was wonderful. I’ve read all the way through and still seem to be missing something – sorry if I missed the answer.
My question – I used the code and it works perfectly with firefox. But, in IE 8 – when I click on photo everything disapears…… any suggestions?
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/01_1pa7GGkE'
imgsrc='http://i753.photobucket.com/albums/xx176/clovercity/creat2sell/leylas-youtube-snag-sm.jpg' width="250" hieght="150" />
Thanks – Cindy
#81 by admin - March 4th, 2010 at 18:00
Hi Cindy, The paths to the SWF and the image appear to be correct.
I notice that you misspelled “height” (hieght) – if it’s that way in your code, then IE could probably choke on it
I also assume there is no manual line break in the path to the image.
Otherwise, it all looks good.
#82 by Cindy - March 7th, 2010 at 17:13
Thank you! Thank you, Thank you! A simple mispelling was it. I really appreciate you taking the time to look at the code. Cindy
#83 by Helder Gonçalves - March 5th, 2010 at 07:15
Hi
I´ve got a problem when i create my code of youtube player. I´ve got:
And i think i´ve to get the /V/ after the youtube url.
I tryed with your picture but it doesn´t works.
Can you help me?
Best regards
Helder
#84 by admin - March 5th, 2010 at 10:33
Helder, You need to surround any code you put in your comment with <code></code>. Otherwise, it doesn’t show up at all.
#85 by Tyler Smith - March 10th, 2010 at 14:24
Hello,
We’re trying to embed a flip-book flash file that calls other flash files within it. Each page is its own flash file.
Here’s that online – http://www.tractionokc.com/newbnine/index.html
Here’s what we’re using to embed, but the viewer doesn’t load the pages in.
<fb:swf swfsrc="http://tractionokc.com/newbnine/movie.swf" width='760' height='480' imgsrc="http://tractionokc.com/trxn-loadr.jpg" />And here’s where we’re posting it so you can see what it’s doing.
http://www.facebook.com/tractionokc?v=app_6009294086
Thanks for any help you can offer in advance!
Tyler
#86 by admin - March 10th, 2010 at 16:41
One thing you need to know about Flash and Facebook. FB makes a copy of your Flash on it resides on *their* servers, so any calls to other files have to be full/absolute URLs, rather than URLs relative to the main Flash.
If there is a flashvars parameter for your Flash, make sure you include that in the tag:
<fb:swf
swfsrc = "http://tractionokc.com/newbnine/movie.swf"
imgsrc = "http://tractionokc.com/trxn-loadr.jpg" width='760' height="480"
flashvars = "[whatever they are" />
#87 by Tyler Smith - March 11th, 2010 at 07:24
Thanks for the response. The software we’re using to generate the flip books is compiling all the files, so we’ll have to dig into that and see if we can work around it.
Thanks again.
Tyler
#88 by Julia - March 11th, 2010 at 05:37
hi there
am trying to just put a jpeg image on the fbml page but dont know html whatsoever!!
would love it if you could help me do what seems impossible but what probably seems ridiculously easy to you
#89 by admin - March 11th, 2010 at 08:08
I can’t provide support for basic HTML. There are tons of resource on the Web for this. And inlining a jpeg on a Static FBML page is just like doing it in regularly HTML, unless you’re talking about using it as the starter image for a video, in which case it’s laid out pretty well above.
#90 by Justin - March 11th, 2010 at 11:32
Hi there, thanks for the help on adding videos. I just have one question: is there a way to make the video auto-play after you click the activation image? Thanks
#91 by admin - March 11th, 2010 at 11:56
I don’t believe so, Justin.
#92 by Justin - March 11th, 2010 at 12:04
Ok, I found a way to do it. You just add &autoplay=1 to the end of the source code and it works!
#93 by admin - March 11th, 2010 at 12:43
Great! I learn something new everyday! I tested and works great. As you say, just append: &autoplay=1
at the end of the swfsrc URL, eg:
swfsrc=’http://www.youtube.com/v/sXh4EuJa2TU&hl=en_US&fs=1&autoplay=1′
Thanks Justin.
#94 by Macca - March 12th, 2010 at 08:27
Clicking the video will play it.
but when i click the video nothing happens?
#95 by admin - March 12th, 2010 at 08:46
Can’t help without seeing some code. Sorry.
#96 by Macca - March 12th, 2010 at 08:52
its not letting me send u the code? but have u got msn or sumthing so i can send u 2 u
#97 by timware - March 12th, 2010 at 08:56
Can you see the *red* text above the comment field that asks that you surround all your code with <code> … code here … </code> tags? Otherwise you’re wasting your and my time.
#98 by Macca - March 12th, 2010 at 08:57
<a href="#" rel="nofollow"></a>
clicking the video will play it.
#99 by Macca - March 12th, 2010 at 08:58
...Clicking the video will play it. ...
#100 by timware - March 12th, 2010 at 09:51
Look. Please paste in your FBML code, between the <code></code> tags:
<fb:swf ....
various parameters
/>
Don’t paste in the code that Facebook renders when it builds the page; place the code that you enter into the FBML box. This is my last request. Thanks.