HTML and CSS Reference
Figure 9.10 An anchor text audio fallback for when a browser doesn't support the
To review the previous code, the <audio> element includes the controls Boolean at-
tribute to ensure the audio player is displayed within browsers that support the element.
The <audio> element does not include a src attribute and instead wraps three different
<source> elements. Each <source> element includes a src attribute that references a
different audio file format and a type attribute to identify the format of the audio file. As
a last fallback, if a browser doesn't recognize any of the audio file formats, the anchor link
to download the element will be displayed.
In addition to the <audio> element, HTML5 also introduced the <video> element,
which shares quite a few similarities with the <audio> element.
Adding video in HTML5 is very similar to adding audio. We use the <video> element in
place of the <audio> element. All of the same attributes ( src , autoplay , controls ,
loop , and preload ) and fallbacks apply here, too.
With the <audio> element, if the controls Boolean attribute isn't specified the audio
clip isn't displayed. With videos, if the controls Boolean attribute is not specified the
video will display. However, it is fairly difficult to view unless the autoplay Boolean
attribute is also applied. In general, the best practice here is to include the controls
Boolean attribute unless there is a good reason not to allow users to start, stop, or replay