Exercise 13: HTML5 Video

Download Exercise 13

Important: Serving video on a live web server

If posting to a server, your videos probably will not play unless you add this to your .htaccess file:

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

Further Reading

• Camen design’s Video for Everybody, a relatively simple method for writing HTML5 video tags with fallbacks to Flash.
• Dive into HTML5 video, Mark Pilgrim’s exhaustive discussion of the history and technicalities behind HTML5 video.
• HTML5 Doctor on HTML5 video

Codecs

• Handbrake, Mac software useful for encoding video as h.264 .MP4s.
• Firefogg, an awesome Firefox extension that will convert your video to the ogv format.

Furthermore

• Opt in to Youtube’s HTML5 trial
• Force Youtube/Vimeo/Facebook HTML5 with the Youtube 5 Safari Extension