Tools for Preparing HTML5 Video for the Web - dummies

Tools for Preparing HTML5 Video for the Web

By David Karlins, Judith Muhr

Part of HTML5 & CSS3 For Dummies Cheat Sheet

Native video that plays without plug-ins (like Windows Media Player or QuickTime Player) is one of the most exciting new features in HTML5. But where do you get HTML5-compatible video? How do you present it? Here are some tools to help solve those challenges:

  • Turn your video files into Firefox-friendly Theora Ogg.

  • Microsoft has a nice tutorial on building JavaScript controls for Native video

  • Who can keep track of the ever-changing list of which browsers support which HTML5 native video formats? Answer: the Wikipedia folks track

  • One of the most valuable online (free) resources for web design, let alone web video, is the Miro Video Converter. You plug in any video, and it produces HTML5-friendly video formats.

  • Need to test your video in different browsers? The tools are not free, but they offer free trials that provide a preview of your video in any device from a Windows desktop computer with IE 6 to the latest version of iPad’s operating system.

  • Need to do a bit of editing on your video before posting it? Loopster has free online video editing tools

  • YouTube and Vimeo will host your videos free, but for about $60 a year, Vimeo offers a service that hosts your video and gives you full control over who can see it, and presents the video without any ads or promo material for vimeo.