How to embed video in your website

Second step to upload the converted file onto hosted account.

1. Download the free FlowPlayer software.
http://flowplayer.sourceforge.net/
or http://sourceforge.net/projects/flowplayer/
This is a simple Flash applet you'll embed in your page to actually display your FLV video on your website. See the included documentation for complete instructions.
In a nutshell, the FlowPlayer SWF file - a Flash "applet" - is what you're embedding in your page. FlowPlayer then fetches and plays your FLV file. Don't try to embed the FLV file directly, that won't work!

Now upload FlowPlayer.swf and myownmovie.flv to the same folder the web page is in. The FlowPlayer.swf file is inside flowplayer-1.6.1.zip and you can extract it easily by double-clicking on the zip file and then dragging FlowPlayer.swf from the zip file's content listing to your desktop or another location. If you don't take time to understand this, your video will not work, so read it again.

Note: the width attribute of the object element is set to 320 to accommodate a video 320 pixels wide. No surprises there. However, the height attribute of the object element is set to 263, to accommodate a video 240 pixels wide. This is because the controls at the bottom of the window take an extra 23 pixels. Be sure to set your width and height to match your video, with an extra 23 pixels of height.

Final step: Paste HTML code snippet into the web page.
Now you need to cut and paste this HTML code snippet onto the web page you wish to show the video:
<object type="application/x-shockwave-flash" data="[your site]/FlowPlayer.swf" width="320″ height="263″ id="FlowPlayer">
<param name="allowScriptAccess" value="sameDomain"/>
<param name="movie" value="[your site]/FlowPlayer.swf"/>
<param name="quality" value="high"/>
<param name="scale" value="noScale"/>
<param name="wmode" value="transparent"/>
<param name="flashvars" value="baseURL=[base URL]&videoFile= myownmovie.flv
&autoPlay=false&loop=false&autoBuffering=false
&splashImageFile=movie.jpg"/>
</object>

Note: If you want the video to start playing as it downloads instead of waiting for the user to click, you can add the autoplay option to the flashvars parameter, like this:

<param name="flashvars"
value="videoFile=myownmovie.flv&autoPlay=true"/>

[your site] is the URL to where you keep the FlowPlayer.swf.

[base URL] is the directory where you keep the FLV and JPEG files. For example, the final URL to FLV file will be [base URL]/movie.flv.
Paste that onto your website, or into your blog post, and check whether it works!
Please check FlowPlayer documentation on the options going to flashvars.

Conclusion:
In fact those steps can be easily automated with a bit of scripting. If your hosting companies are not very generous quota (i.e. small timers who can’t really oversell), or if you think your video will get digged and slashdotted and become overnight hit, then maybe having Google Video or YouTube to host for you is a wiser idea, just in case a huge hosting bill landing on your credit card statement.Otherwise, you might choose to host those videos on your own account, and regain a bit of control.

Free trial or get Wondershare Video to Flash Converter for only $49.95

Page[1] | Page[2]