Comprehensive Video

FLVPlayer_Progressive

This is the player that comes with Dreamweaver.

Prerequisites:

PLAY PAUSE REWIND

Pros Cons
Free with Dreamweaver. May not be possible to create a custom skin.
No need to edit any Flash files. No communication with JavaScript.
You can choose from a limited variety of skins. Can only play FLV format videos (On2 VP6 or Spark codec with MP3).
Video can play using progressive download.  

 

1. jQuery: Not actually necessary, but I am using it in this example.

2. Modernizr: Determines whether or not the browser is capable of playing back HTML5 video.

3. swfObject: Embeds Flash on the page if the browser cannot play HTML5 video.

4. Adobe's FLV Player files: This is the player that comes with Dreamweaver. To get a copy of these files, create a dummy page, from the menu choose Insert / Media / FLV..., choose a skin, and then save your page. You should now see these files in your site. You don’t have to choose Halo 1, any of the skins will be fine. Pay attention to the dimensions so you can edit the size of the Flash window correctly.