Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
2 Hour(s) 2 Minute(s)
Language
English
Taught by
Jeff Batt
Rating
1 views
Course Overview
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
Course Content
- 4 section(s)
- 24 lecture(s)
- Section 1 Introduction and Example
- Section 2 Creating Your Video Page Layout
- Section 3 Adding Interactivity to Your Video
- Section 4 Conclusion
What You’ll Learn
- Embed HTML5
- Create clickable hotspots over video
- Trigger events during certain parts of the video
- Jump to different parts of the video based on users input
Skills covered in this course
Reviews
-
VVaidhi Kohout
This is great, I've been looking at the best ways of publishing interactive video, so I'm really keen to learn more.
-
GGopal Ramasammy-Cook
Great
-
TTábata Murari
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.
-
CColin Bright
The course is an excellent way to get started with creating interactive videos. I hope that in the future there will be an additional video on how to use the You Tube api
