HTML5: Video and Audio in Depth

with Steve Heffernan
please wait ...
HTML5: Video and Audio in Depth
Video duration: 0s 2h 7m Intermediate


In this course, author Steve Heffernan contextualizes the state of HTML5 audio and video and shows how to embed media into a web page using HTML5. The course sheds light on configuring the new HTML5 audio and video tags, ensuring backwards compatibility by setting alternative playback methods, encoding the needed file formats, and building custom controls with JavaScript. Also included are tutorials on troubleshooting known issues and reviewing real-world examples of HTML5 audio and video.

Topics include:
  • Understanding the differences in media formats
  • Preloading, autoplaying, and looping in HTML5
  • Setting a video's width and height attributes
  • Displaying subtitles and captions
  • Generating embed code with an embed code builder
  • Encoding files using HandBrake, Firefogg, and VLC
  • Creating a load progress bar
  • Recognizing Android and iOS issues
Video Web


- Hi, I'm Steve Heffernan and I'm a web, front-end developer specializing in web and mobile video. Welcome to HTML5 video and audio in-depth. In this course, I'll introduce you to using HTML5 video and audio on your own sites. Just like we're doing here. We'll start with a background on HTML5 video, and where it's at today. And we'll cover everything from using the new video and audio tags, to creating the specific file formats that we'll need. Including the ones that you see below here. And we'll even create our own custom controls, using the Java Script API.

HTML5 is an exciting step forward for web media. I'm looking forward to telling you all about it. So, let's get started.

please wait ...