[SOLVED] Playing video in a webpage problem

Hello i recently decided to play a video in my webpage, I converted a video file to a FLV file, and uploaded the FLV file & flow player to the same directory of my webpage.

The FLV file is called: singer1.flv

The flow player is called: FlowPlayer.SWF

Below is the code i used to try and play the video file in my webpage:

HTML: Select all

<object type="application/x-shockwave-flash" data="FlowPlayer.swf"
    width="189" height="206" id="FlowPlayer">
  <param name="allowScriptAccess" value="sameDomain"/>
  <param name="movie" value="FlowPlayer.swf"/>
  <param name="quality" value="high"/>
  <param name="scale" value="noScale"/>
  <param name="wmode" value="transparent"/>
  <param name="flashvars"
    value="videoFile=singer1.flv"/>
</object>

Once i have inserted the above code into my page, were i want the video to sit,
it appears that a video icon has appeared in dreamweaver design view, indicating that i have done somthink right, but when i try to play the file once the webpage is launched, the file dissapears, i click the area were the video is supposed to be, and all i get is a message saying "click to activate this control"

Can anyone help with this problem??

I have solved my problem myself! For anyone wanting to insert video into a wepage use the following listed below:

Download flow player, and put the FlowPlayer.swf in your site directory were you want the video to display.

convert your avi file using "annconvertor" to a DV avi file You will know you have done this right because the newly converted file will be large.

Convert the DV avi file to a: FLV file using "riva FLV encoder" you will notice how small your FLV file is in size now.

Name your new FLV file for instance i called mine "singer1.flv", and put it in the site directory were your put the FlowPlayer.swf

Use the code below to link the video file you created to the flow player so it plays in your webpage:

HTML: Select all

<object type="application/x-shockwave-flash" data="FlowPlayer.swf" 
 width="189" height="206" id="FlowPlayer">
 <param name="allowScriptAccess" value="sameDomain" />
 <param name="movie" value="FlowPlayer.swf" />
 <param name="quality" value="high" />
 <param name="scale" value="noScale" />
 <param name="wmode" value="transparent" />
 <param name="flashvars" value="config={videoFile: 'singer1.flv'}" />
</object

Quick listing of the steps again:

convert the files,
name the file you converted to your desired choice,
upload the FlowPlayer.SWF/your Video.flv/ and the code above to the same directory.

Dont forget to change the name of the flv file to match your in the code, and choose your desired height and width.

All software needed can be found in the links below.

The whol process takes 7 mins to complete.

Happy editing,

http://www.rivavx.com/?encoder
http://flowplayer.org/
http://www.annvideo.com/news.htm