Creating Interactive HTML5 Video

Learn to create interactive HTML5 videos that engage your audience like never before! This fun course teaches you how to add clickable elements and timed triggers to your videos.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course is all about transforming your regular HTML5 videos into interactive and fun experiences! We’ll dive into how to spice things up with clickable hotspots and timed events.

Key Points

  • Add clickable elements to your videos
  • Create timed triggers for enhanced interactions
  • Enable user choice to branch the video content

Learning Outcomes

  • Understand the basics of HTML5 video integration
  • Gain skills in CSS and jQuery for advanced video interaction
  • Be able to create engaging video experiences that work on all devices

About This Course

Make your video come to life by adding interactive HTML5 videos over your videos.

In this course, you will learn how to go beyond just static HTML video and allow your users to interact with your HTML videos. We will take ordinary HTML video and add interactive elements, such as clickable areas on the video that, when clicked on, could allow the user to explore concepts in more depth as well as adding timed triggers that happen at certain points of the video.. Then, you will also learn how to branch out to different parts of the video depending on the user’s choice. Finally, you will see how this interaction is viewable on all mobile and desktop devices.

Concepts Taught:

  • HTML5 Video

  • CSS

  • JavaScript

  • jQuery

  • Skeleton CSS

  • Featherlight Lightboxes

  • Embed HTML5

  • Create clickable hotspots over video

  • Trigger events during certain parts of the video

Instructor

Profile photo of Jeff Batt
Jeff Batt

Jeff has 10+ years experience in the digital learning and media industry. Currently he Founder and Head Trainer at Learning Dojo, a company dedicated to training you to become a software ninja in a variety of software eLearning and web related. Jeff has also been the Product Development Manager for eLearning Brothers with responsibility for the design, development, and management...

Review
4.9 course rating
4K ratings
ui-avatar of Harsh Bardhan
Harsh B.
4.0
10 months ago

great course very handy thanks for the resources

  • Helpful
  • Not helpful
ui-avatar of Tábata Murari
Tábata M.
4.5
10 months ago

Great course! I would have liked to have seen in more detail the use of the Vimeo and YouTube APIs. Nowadays, the use of streaming services is increasingly common, in order to optimize and preserve the speed of distance learning platforms. In the future, I would like to see an addendum course to this one.

  • Helpful
  • Not helpful
ui-avatar of Dror Dayan
Dror D.
5.0
1 year ago

Great short course which does exactly what it says.

  • Helpful
  • Not helpful
ui-avatar of Learn Basics
Learn B.
5.0
1 year ago

These are fundamentals, it exactly fit my need.
I was able to complete it in 2 days. I learnt a lot

  • Helpful
  • Not helpful
ui-avatar of Nour Abueid
Nour A.
5.0
2 years ago

amazing

  • Helpful
  • Not helpful
ui-avatar of Jaime Herrera
Jaime H.
5.0
2 years ago

Easy to understand

  • Helpful
  • Not helpful
ui-avatar of Vinitha Radhakrishnan
Vinitha R.
5.0
2 years ago

good

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
5.0
3 years ago

Muito bom, facil entendimento.

  • Helpful
  • Not helpful
ui-avatar of Fredrik Byström
Fredrik B.
5.0
3 years ago

Perfect and just what I needed, thx ! Great course !

  • Helpful
  • Not helpful
ui-avatar of Servando Munguia Jr
Servando M. J.
5.0
3 years ago

Easy to follow. Explains well. Reply's to Q&A quite quickly.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses