Download the FLV Player.
Put the flvplayer.swf file on your site. For example, mine lives at http://granades.com/flv/flvplayer.swf.
Upload your FLV file to your site.
To embed the FLV file in an HTML page or blog post, add the following HTML:
<object type="application/x-shockwave-flash" width="[width]" height="[height+20]" wmode="transparent"
data="/flv/flvplayer.swf?file=[movie]&autostart=false">
<param name="movie" value="/flv/flvplayer.swf?file=[movie]&autostart=false" />
<param name="wmode" value="transparent" />
</object>
/flv/flvplayer.swf is the relative URL to the flvplayer.swf file. [width] is the width of your FLV file (which I normally make to be 320) and [height+20] is the height of your FLV file plus 20 pixels. [movie] is where you uploaded your FLV file. &autostart=false means the visitor will have to click on the video before it plays — it’s optional, and may be left out if you want the video to play when the page is loaded.
avi said:^Thank you !
so what is relative URL ? like /video.flv
and for [movie], should it be xyz.com/video.flv
one more thing, is it possible to stream xyz.com/video.flv on abc.com ?
Say you have the movie, "video.flv" in videos folder in root of your webserver. Html page in html folder.
Say video.flv = 640x480 (w x h)
Remember, flvplayer.swf needs to be uploaded to your website. Put it in same folder as videos.
In your html page you will add this:
<object type="application/x-shockwave-flash" width="640" height="500" wmode="transparent"
data="/videos/flvplayer.swf?file=video.flv&autostart=false">
<param name="movie" value="/videos/flvplayer.swf?file=video.flv&autostart=false" />
<param name="wmode" value="transparent" />
</object>
wmode is window mode. making it transparent will show the background page color of the html page.
20 px addition to height might be for seekbar or skin.