HTML5 Audio and Video

1
HTML5 Audio and Video
2
History

• Playing audio and video used to be something of a
  novelty
• You would embed a control (with the ltembedgt
  element) into your page to use Flash, Quicktime,
  Windows Media, to play the thing
• HTML5 supplies simple audio / video support
  through the ltaudiogt and ltvideogt tags
• Both work similarly

3
Limitations

• Its still client-side
• You cannot use these tags to stream video
• There is NO copy protection
• Its not adaptive

4
The ltaudiogt element

• the ltaudiogt element plays an audio file
• Use the src attribute to reference the audio file
  to play
• Use the controls attribute to include playback
  controls
• The preload attribute preloads the audio file
  before playing
• Values metadata, none, auto
• http//www.w3schools.com/tags/tag_audio.asp

5
The ltvideogt Element

• Works much like the ltaudiogt element
• The poster attribute displays an image while the
  video is loading
• http//www.w3schools.com/tags/tag_video.asp