HTML and CSS Reference
In-Depth Information
Chapter 1. HTML5
Audio
and
Video
Elements:
By-Default
The media elements, as the HTML5
audio
and
video
elements are generically termed, are a
way of embedding playable media files directly into a web page without having to use Flash
or a plug-in. The elements can be styled with CSS, integrated with SVG and Canvas, and con-
trolled with JavaScript.
Browsers and other user agents that implement the HTML5 media elements also provide de-
fault controls and behavior for each. In this chapter, I cover how to add HTML5 video and
audio elements to your web page, and explore some of the implementation differences among
the browsers. I also cover the more widely supported media file codecsand containers, and
browser support for each.
Support for the media elements is relatively broad, though not all features of the media ele-
ments are supported in all browsers.
Table 1-1
provides a listing of popular browsers and mo-
bile environments, and the version of each that provides at least a minimum of support for the
media elements.
Table1-1.Support for HTML5 audio and video, by popular browser and mobile OS
User Agent
Version
Internet Explorer 9+
Google Chrome 3+
Firefox
3.5+
Opera
10.5+
Opera Mini
11+
Safari
3.1+
iOS
3.0+
Android OS
2.0+
