This is the basic setup for a video that plays on Safari,iPhone/iPad and Chrome. Firefox, IE and Opera will fallback to Flash. A poster image is included.
Here is the code for this setup. Make sure to change all links to the scripts, player, image and video. They must refer to the correct files on your server.
First, place this code in the <head> of your page:
<script type="text/javascript" src="/scripts/jquery.js"></script> <script type="text/javascript" src="/scripts/jquery.jwplayer.js"></script>
Second, place this code where you want the video to appear:
<video height="270" id="player" poster="/files/bunny.jpg"
src="/files/bunny.mp4" width="480">
<script type="text/javascript">
$('#player').jwplayer({
flashplayer:'/files/player.swf',
skin:'/files/five.xml'
});
</script>