Terapad in:

English Arabic Chinese Dutch French German Greek Hindi Italian Japanese Korean Russian Spanish Swedish Portugese

How to embed FLV files to your Terapad website

ces_avatar.jpg By Ces Catubay in Terapad how-tos
Published: Wednesday, 13 August 08 - 05:30 AM (GMT)
Last Updated: Wednesday, 13 August 08 - 05:45 AM (GMT)
Video streaming has been popular nowadays in the World Wide Web.  Putting video on the online is a great way to show your work to others, whether you want to display it to your friends and relatives, or simply plan to offer sample clips to your prospect clients.

There are several techniques on how to do it but we have selected those that we think are the easiest for the users to follow.

This tutorial will cover on how we can embed flv and swf files on your Terapad website using JW FLV Player. We recommend using this player but there are many others on the market.

The JW FLV Player is an easy and flexible way to add video and audio to your website. It supports playback of any format the Adobe Flash Player can handle (FLV, MP4, MP3, AAC, JPG, PNG and GIF). It also supports RTMP, HTTP and live streaming, various playlists and captioning formats, a wide range of settings and an extensive javascript API.

In order to download a copy of JW FLV Player, go to their website and provide a valid email address. It is spam free so no worries on receiving unwanted e-mails. You will receive an email about your registration. Go back to their website, enter your e-mail address one more time and click  Download Button

Save the zipped file on your computer and unzip it after. Upload player.swf, swfobject.js, and your flv file on your assets folder to get started.

<div id="container"><a href="http://www.macromedia.com/go/getflashplayer">Get _fcksavedurl=""http://www.macromedia.com/go/getflashplayer">Get" the Flash Player</a> to see this player.</div>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
    var s1 = new SWFObject("player.swf","ply","328","200","9","#FFFFFF");
    s1.addParam("allowfullscreen","true");
    s1.addParam("allowscriptaccess","always");
    s1.addParam("flashvars","file=video.flv");
    s1.write("container");
</script>


Replace the text in red of the exact path of your uploaded files.  Save your page and reload it to see your video.  If followed correctly, your video should be working fine.

There is an alternative way from Walker News tutorial to deploy your videos. Here is how:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="480" height="360"><param name="flashvars" value="file=http://walkernewsdownload.googlepages.com/Lion-hug-Rescuer.flv" /><param name="movie" value="http://walkernewsdownload.googlepages.com/mediaplayer.swf" /><embed src="http://walkernewsdownload.googlepages.com/mediaplayer.swf" width="480" height="360" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=http://walkernewsdownload.googlepages.com/Lion-hug-Rescuer.flv" /></object>

You only have to replace the red colour text with the URL of your own FLV video. The blue colour text refers to JW Media Player that “play” the FLV video file - replace it with the URL pointing to yours (if you’ve one), otherwise leave it as this.

Walker News provides the player directly on their website if you do not have a player. You simple have to copy and modify the codes they provided and you can easily have your video playing on your website. It is best to link back to them to address their work.

Now that you have the knowledge on embedding flv or swf files on your website, start streaming your best videos now. 
Email this  |  Submit to digg  |  Add to del.icio.us

<-- Back to news archive