How To Add FLV Clips To Your Site

This guide provides a very easy step-by-step process to set up your website to stream an FLV video clip directly on a http connection.

To make a webpage containing your FLV clip:

  1. You will first need a player / controller in SWF format.
    1. It is the SWF file which will be embedded in your webpage as a normal Flash element.
    2. The SWF file will load any FLV video files and display them on the page, as well as control any function like start/stop.
    3. There are many ways to make the SWF player, and there are many SWF open source players ready to use.
    4. I would suggest to download this one by Jeroen Wijering (but you may do your research and find a more suitable one for you).
  2. Copy the files on your webserver.
  3. In the sample code below, Replace the file "video.flv" with your own flv file.
  4. Place the embed code below between the "<body>HERE</>" tags and upload all files to your server.
  5. Point your browser to the HTML file that you just saved and uploaded and you should see and hear the movie playing in the browser.
  6. Here is the sample embed code for the FLV clip:
    <embed src=”http://www.yoursite.com/player.swf”
    width=”320″
    height=”240″
    allowscriptaccess=”always”
    allowfullscreen=”true”
    flashvars=”height=240&width=320&file=/video.flv”/>
  7. Be sure to replace "yoursite.com" with your actual site URL, or location to the video player.swf
  8. Customization
    1. The height should be the height of the movie+20 to allow for the control bar.
    2. The "flashvars=" parameter provides the actual relative or absolute URL to the FLV file.
    3. The "autoStart=" parameter can be set added if you want. By default, it is set to false to avoid the movie beginning to play immediately (good to save bandwidth), and rather wait for a click.
Don't Miss Out - Join Our VIP Video Marketing Community!
Get daily online video tips and trends via email!
About the Author -
Mark Robertson is the Founder and Publisher of ReelSEO, an online information resource dedicated to the fusion of video, technology, social media, search, and internet marketing. He is a YouTube Certified, video marketing consultant and video marketing expert, popular speaker, and considered to be a passionate leader within the online video and search marketing industries. View All Posts By -

What do you think? ▼
  • Bill

    Poor instructions.1. Fails to mention that you should replace >www.yoursite.com with your actual site URL, and include any subfolder name (for example if your website is >www.bills-website.com and the subfolder you're going to place the swf file in is video, then: src="www.bills-website.com/video/player.swf" instead of src="http://www.yoursite.com/mediaplayer.swf")2. The correct name at the end of the src is player.swf not mediaplayer.swf3. The quotation marks used need to be replaced with standard shape ones (that is: replace ” with ") for the code to work

    • http://www.reelseo.com/ Mark Robertson

      Bill, thanks for the comment. This post is quite old and at the time, The default JWplayer was actually "mediaplayer.swf." I suppose we should have been more clear about the replacing your site with the actual URL but we thought that was an obvious one. As for the quotations, I think that is an issue of how wordpress formats the quotations, but you are correct... Anyways, thanks for commenting. I hope that despite the instructions, you have found this website useful.

  • Mae

    thank you soo much! this works perfectly for me!!! n_n