HTML5 videoEdit

Created , updated

Relatively up-to-date information is available here.

Particularly pertinent:

For maximum compatibility, here’s what your video workflow will look like:

  1. Make one version that uses WebM (VP8 + Vorbis).
  2. Make another version that uses H.264 baseline video and AAC “low complexity” audio in an MP4 container.

#Make another version that uses Theora video and Vorbis audio in an Ogg container.

  1. Link to all three video files from a single <video> element, and fall back to a Flash-based video player.

Sample:

<video width="640" height="480" controls preload>
  <source src="screencast.mp4"  type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  <source src="screencast.webm" type='video/webm; codecs="vp8, vorbis"'>
  <source src="screencast.ogv"  type='video/ogg; codecs="theora, vorbis"'>
</video>

Necessary mime types for delivery:

  • video/ogg: .ogv
  • video/mp4: .mp4
  • video/webm: .webm