FLV MP4 Video Player

The following video player can play FLV or MP4 videos. It required flash player 9 or height version of Flash player. You can set your own display image and set the initial volume, player height and width etc. This player required "swfobject.js" to load swf file. All the required files are included in the zip file. 

Step1- Include the JavaScript file

First of all include the JavaScript file in the header section on your HTML file.

<script type="text/javascript" src="js/swfobject.js"></script>

Step2- Create DIV to display video

Now create a DIV where you want to display your video.

<div id="flashcontent">
<strong>You need to upgrade your Flash Player to version 9 or height.</strong>
</div>

Step3- Generate your video player

Finally include the following JavaScript code to generate the flash player. Here you can set your video player height, width etc.    

<script type="text/javascript">
var so = new SWFObject("video/flvPlayer.swf?
         imagePath=video/sample.jpg&
         videoPath=sample.mp4&
         autoStart=false&
         autoHide=false&
         autoHideTime=5&
         hideLogo=true&
         volAudio=60&
         newWidth=640&
         newHeight=425&
         disableMiddleButton=false&
         playSounds=true&
         soundBarColor=0x0066FF&
         barColor=0x0066FF&
         barShadowColor=0x91BBFB&
         subbarColor=0xffffff", "sotester", "640", "425", "9", "#efefef");
so.addParam("allowFullScreen", "true");
so.write("flashcontent");
</script> 

Output

Click here to Know more about HTML5 Video players.