Example of using HTML5 for video

The following is and example without using javascript.

<p style="text-align:center;">
    <video id="ah-video" class="video-js vjs-default-skin" width="480" height="270" controls autoplay >
        <source src="video/ah.mp4" type="video/mp4" />
        <source src="video/ah.ogv" type="video/ogg" />
        <!-- fallback to Flash: -->
        <object width="480" height="270" type="application/x-shockwave-flash" data="/js/jwplayer/player.swf">
        <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
            <param name="movie" value="/js/jwplayer/player.swf" />
            <param name="flashvars" value="controlbar=over&amp;file=/campusMap2/video/ah.mp4&amp;autostart=true" />
        </object>
    </video>
</p>

This is and example of using javascript to load the video

<div id="container">Loading player</div>
&lt;disabled script type="text/javascript"&gt;
  jwplayer("container").setup({
      flashplayer: "http://library.wcsu.edu/jwplayer/player.swf",
      file: "http://library.wcsu.edu/people/forbes/AIT.mp4",
      height: 352,
      width: 624,
      starttime: 60,
      autostart: "true",
      dock: "true",
      stretching: "uniform",
      plugins: {
          "viral-2": {oncomplete:'False',onpause:'False',functions:'All'}
      },
      levels: [
          { file: "http://library.wcsu.edu/people/forbes/AIT.mp4" },
          { file: "http://library.wcsu.edu/people/forbes/AIT.webm" }
  ]
  });
&lt;disabled /script&gt;

Javascript Library

video.js seems better now than jwplayer

http://videojs.com