Inserting Video - HTML5 - page 227

FiGure 25-5

Unfortunately, the comparison to the <audio> tag carries over to the area of browser support. There
is no single video format that can be played across all browsers. Table 25-1 shows which browsers
support which video formats as of this writing.

TabLe 25-1: HTML5 Browser Support for Video Formats

browser H.264 suPPorT webM suPPorT oGG THeora suPPorT

Google Chrome Yes Yes Yes

Opera Partial Yes Yes

Safari Yes no no

Firefox no Yes (4.0) Yes

Internet Explorer (9 Beta) Yes no no

The workaround to achieve full cross-browser video playback involves the use of the <source> tags,
same as with the <audio> tag:
<video width=”320” height=”240” controls=”controls”>
<source src=”assets/vesta.mp4” type=”video/mp4; codecs='avc1.42E01E,
mp4a.40.2'” />
<source src=”assets/vesta.webm” type=”video/webm; codecs='vp8, vorbis'” />
<source src=”assets/vesta.ogv” type=”video/ogg; codecs=&quot;theora,
vorbis&quot;” />
</video>