Thursday, July 22, 2010

How to embed flash video into Blogger posts

I sometimes get questions from people who want to insert photo galleries in their weblog or websites. Yesterday my friend who sells zircon on ebay asked if i can help her put 360 degree product review onto ebay, because she knows quite limited computer stuff.

I provided a simple solution to her. With nothing more than a free web album account and few lines of code, she can can show off her products images on ebay now. And it is the same method as with Blogger.

As we know blog service providers like Blogger often limit the possibilities for bloggers to upload files, especially flash video, flash SWF file, folders , special scripts to their servers. As a result we need to find a separate webspace to upload these flash video, SWF file etc and embed them in our blogs or websites.

If you have a self-hosted website, you can publish the flash to your hoster first then integrate the flash SWF with your webpage or blog posts; if not, you can host your flash video, photo gallery with a third party hoster, such as google site, skyalbum etc. There are many similar service available around the web nowadays.

We tried to upload the flash album to google site first, but it is loading a bit slow, sometimes even hangs forever. So we published to skyalbum instead. And we get the URL of the flash gallery there. It is something like

http:// www.skyalbum.com/album/jack/1234567/sample.swf

you can insert the flash file to ebay, blogs or websites by a few lines of code, as bellow:

Please note: need to change the Blogger editor to HTML mode, then insert above code; and you have to change the URL above to your own photo gallery URL, you can also set its size for display; For more sample code, you can click the Flash Slide Maker Website