Skip to main content

How to Embed FLV Flash Videos in your Blog ?

Video Sharing Sites like Youtube or Google video provide simple HTML code for embedding their video clips in your web pages. But sometimes we want to add raw Flash Video files like SWF animations or FLV [streaming or progressive] which are frequently used by News or media websites.

Now to embed flash video files, you can either download the flv or swf flash video to your hard drive, convert it to avi, wmv or mov format and then upload it to your Youtube account. Then you can use the Youtube supplied HTML code to embed that video in your webpage or blog. The video will play wrapped inside the Youtube or Google Video player skin.

The above approach works but is clearly not the best way to do things. What if the original video is updated - then you will have to revisit the whole encoding-decoding cycle again. Secondly, there will be considerable loss in video quality when it is converted from one format to another and Youtube is definitely not the best place to see high resolution video clips. They will degrade it to 320x240 size clip.

So here's a very easy way for embedding flash videos in your website without loosing any quality. Also you won't have to download the video to your own server - you can embed the flash video player in your site and it will stream the video [or play directly] from the source website [you might want to obtain permission from the content host since you will be consuming his bandwidth]

To do this, just copy-paste the following HTML snippet in your blog template and replace the height, width and streamName parameters with real values [you can find the video size (dimensions) and URL of the flash video by looking at the HTML source code of the webpage where the video is originally embedded]



Incase you would like the video to start only when the site visitor hits the play button, replace autoPlay=true with autoPlay=false. Once the video track finishes playing, the cue marker would return to the original position. You can disable this by setting autorewind=false.

Here's a real world example - this flash video is hosted on an external news website in flv format but has been embedded in this site using just the above HTML code. See the video player skin is non-branded and looks more sleek and professional.

References: Flash Video, Flash Dev Center, Community MX, On2 Flash Streaming

Related: Embed Streaming Web Video in Web Pages, Do Interesting Things with Youtube Video Clips

Popular posts from this blog

How to Download Contacts from Facebook To Outlook Address Book

Facebook users are not too pleased with the "walled garden" approach of Facebook. The reason is simple - while you can easily import your Outlook address book and GMail contacts into Facebook, the reverse path is closed. There's no "official" way to export your Facebook friends email addresses or contact phone numbers out as a CSV file so that you can sync the contacts data with Outlook, GMail or your BlackBerry. Some third-party Facebook hacks like "Facebook Sync" (for Mac) and "Facebook Downloader" (for Windows) did allow you to download your Facebook friends' names, emails, mobile phone number and profile photo to the desktop but they were quickly removed for violation of Facebook Terms of Use. How to Download Contacts from Facebook There are still some options to take Friends data outside the walls of Facebook wall. Facebook offers the Takeout option allowing you to download all Facebook data locally to the disk (include
Read more

Digital Inspiration

Digital Inspiration is a popular tech blog by  Amit Agarwal . Our popular Google Scripts include  Gmail Mail Merge  (send personalized emails with Gmail ),  Document Studio (generate PDFs from Google Forms ) and   File Upload Forms ( receive files  in Google Drive). Also see  Reverse Image Mobile Search , Online Speech Recognition and Website Screenshots , the most useful websites on the Internet.
Read more

PhishTank Detects Phishing Websites by Digg Style Voting

OpenDNS, a free service that helps anyone surf the Internet faster with a simple DNS tweak , will announce PhishTank today. PhishTank is a free public database of phishing URLs where anyone can submit their phishes via email or through the website. The submissions are verified by the other community members who then vote for the suspected site. This is such a neat idea as sites can be categorized just based on user feedback without even having to manually verify each and every submission. PhishTank employs the "feedback loop" mechanism where users will be kept updated with the status' of the phish they submit either via email alerts or a personal RSS feed . Naturally, once the PhishTank databases grows, other sites can harness the data using open APIs which will remain free. OpenDNS would also use this data to improve their existing phishing detection algorithms which are already very impressive and efficient. PhishTank | PhishTank Blog [Thanks Allison] Related: Google
Read more