First thing you need to do is create three versions of your video: MP4, OGV and WEBM. Miro Video Converter is a free utility that can convert to all three formats. Even if you are starting with an MP4 video I suggest creating a new MP4 video from it in case it contains some metadata that is incompatible with all of the HTML5 video players out there. I've run into this on more than one occasion.
I'll use s3.company.com as a placeholder for the server that serves your videos and your FLVPlayer.
- Android and some other HTML5 players do not like AUTOPLAY in the VIDEO tag. Leave that out.
- Make sure the MP4 video is first in the list of all three video file SOURCEs for HTML5.
- FLVPlayer overwrites the flashUpgrade DIV with its embed code, so put its swfobject.embedSWF call in a SCRIPT section after /VIDEO so browsers that don't understand HTML5 will still load the flash video player. Don't autostart FLVPlayer either (flvpAutoStartMovie: "false" in flashvars).
- Replace 720 and 480 in all three locations with the dimensions of your video if different.