Creating Interactive HTML5 Video

Static video can be a powerful learning tool, but what if your learners could actually interact with it? In this course, you will learn how to go beyond passive HTML video and give your users a truly engaging, hands-on experience.

Starting with ordinary HTML5 video, Jeff will show you how to layer in interactive elements that bring your content to life. You'll add clickable hotspot areas directly on the video that, when triggered, allow learners to explore concepts in greater depth — without ever leaving the experience. You'll also build timed triggers that fire automatically at specific moments in the video, creating seamless, context-sensitive interactions that guide the learner's journey.

From there, you'll take things a step further by building branching video experiences, where the path through the content changes depending on the choices your learner makes. This opens the door to scenario-based learning, decision trees, and personalized content flows that simply aren't possible with standard video players.

Best of all, every interaction you build will be fully responsive and viewable across all mobile and desktop devices.

Along the way, you'll work hands-on with a powerful set of web technologies including HTML5 Video, CSS, JavaScript, jQuery, Skeleton CSS, and Featherlight Lightboxes — a practical skill set you can apply well beyond this course.