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 am Steve Heffernan and I am a web frontend 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 are 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, creating the ones that you see below here. We'll even create our own custom controls using the JavaScript API.

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

There are currently no FAQs about HTML5: Video and Audio in Depth.

please wait ...