HTML 5 Audio and Video

Objectives

In this lesson, students will learn:

  • How to insert sound with an  <audio> element and the video with <video> element
  • How to use different attributes to tell the browser what to do

audio-chrome
Playback controls in the Chrome browser.
audio-safari
Playback controls in the Safari browser.
audio-firefox
Playback controls in the Firefox browser.
video-chrome
Video control in the Chrome browser.

The <audio> elements supports several attributes.audio_video-attributes


Files to Download
Sound File
Video File

Advertisements