Native Video - HTML5 - page 117

For a more in-depth explanation of why there are so many codecs and
formats for video, check out this great introductory video from
Stephanie Sullivan Rewis on HTML5 video: http://tv.adobe.com/watch/
adc-presents/videoandhtml5part2gettingstarted/ . You will need Flash
installed on your Internet-enabled device in order to see it, though.
Browser support
Aside from the challenges of dealing with multiple codecs and format containers, video
has full support in all of the latest browsers. However, video is not supported in Internet
Explorer 8 and below. For these earlier versions, you'll need to rely on fallback content.
See Also
For some open source videos on developing and experimenting with HTML5 video
support, search the Internet Archive (see http://www.archive.org/details/movies ) .
5.2 Ensuring Multi-Browser Video Support
Problem
You want to make sure your native video plays on the broadest range of browsers
possible.
Solution
Use the source child element of video to specify each of your video formats:
<video controls>
<source src="video.mp4" />
<source src="video.ogv" />
Your device does not support HTML5 video.
</video>
Note that you must remove the src attribute and value from the video
element, as seen in Recipe 5.1 .
As we saw in Table 5-1 , using .mp4 and .ogv covers all browsers that support HTML5.
But order matters, too. List your source formats from most to least desirable, as
browsers will play the first format they recognize.