Video Demo

1. Convert video to mp4, ogg, and webm video formats (will ensure cross browser compatibility).

Miro video converter (converts to mp4, ogg, webm)

2. Insert following code to display video. Replace src value with location and name of your video files.

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
  <object data="movie.mp4" width="320" height="240">
  </object> 
</video>

3. Test video in multiple browsers (Safari, Firefox, Chrome, IE) and computer platforms (PC vs Mac).

**UI webpages server does not support ogg video (will not work in Firefox)

For more resources on displaying videos with HTML, check out
w3schools.com
Today's demo example