Video Sharing Sites like Youtube or Google video provide simple HTML code for embedding their video clips in userr 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, user can either get the flv or swf flash video to userr hard drive, convert it to avi, wmv or mov format and then upload it to userr Youtube account. Then user can use the Youtube supplied HTML code to embed that video in userr 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 user 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 heres a very easy way for embedding flash videos in userr website without loosing any quality. Also user wont have to get the video to userr own server - user can embed the flash video player in userr site and it will stream the video [or play directly] from the source website [user might want to obtain permission from the content host since user will be consuming his bandwidth]
To do this, just copy-paste the following HTML snippet in userr blog template and replace the height, width and streamName parameters with real values [user 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 user 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.
Heres 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.
Now to embed flash video files, user can either get the flv or swf flash video to userr hard drive, convert it to avi, wmv or mov format and then upload it to userr Youtube account. Then user can use the Youtube supplied HTML code to embed that video in userr 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 user 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 heres a very easy way for embedding flash videos in userr website without loosing any quality. Also user wont have to get the video to userr own server - user can embed the flash video player in userr site and it will stream the video [or play directly] from the source website [user might want to obtain permission from the content host since user will be consuming his bandwidth]
To do this, just copy-paste the following HTML snippet in userr blog template and replace the height, width and streamName parameters with real values [user 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 user 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.
Heres 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.