Creating Interactive HTML5 Video (Udemy.com)

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

( 42 Reviews )

Created by: Jeff Batt

Produced in 2016

What you will 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

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 90 / 100

Course Description

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

Who this course is for:

Coders who understand the basics
NOT for newbies to code

Time: 2h

Instructor Details

Jeff Batt

4.5 Rating
42 Reviews

Jeff has 10+ years experience in the digital learning and media industry. Currently he CEO and Head Trainer/Sensei 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 over their world-class digital learning templates library building templates in Storyline, Studio '13, Captivate, Adobe Edge Animate, Lectora, HTML5, Flash and more. Prior to his work at eLearning Brothers, Jeff was the Design & Professional Services Manager for CallidusCloud's online eLearning authoring tool Litmos Author. Jeff is a regular conference speaker and industry leader regarding eLearning technologies such as TinCan API (xAPI), Articulate Storyline, Adobe Edge Animate, Captivate, Camtasia, HTML 5, and Flash.

Create eLearning Courses with Articulate Storyline 360 or 3

Create eLearning Courses with Articulate Storyline 360 or 3 (2021)
4.3 (191 Reviews)

- Provider: Udemy
- Time: 10.5h

$11.99

Create Interactive Online Courses w/ Articulate Storyline 2

Create Interactive Online Courses w/ Articulate Storyline 2 (2017)
4.4 (123 Reviews)

- Provider: Udemy
- Time: 7.5h

$11.99

All courses by Jeff Batt

More html 5 courses

2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game

2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game (2021)
5.0 (20 Reviews)

- Provider: Udemy
- Time: 5.5h

$11.99

Build a new and modern looking Responsive websites

Build a new and modern looking Responsive websites (2017)
4.9 (43 Reviews)

- Provider: Udemy
- Time: 9.5h

$11.99

Build Modern Responsive Website With HTML5, CSS3 & Bootstrap

Build Modern Responsive Website With HTML5, CSS3 & Bootstrap (2021)
4.8 (397 Reviews)

- Provider: Udemy
- Time: 14h

$11.99

Responsive Web Design Essentials - HTML5 CSS3 Bootstrap

Responsive Web Design Essentials - HTML5 CSS3 Bootstrap (2021)
4.8 (376 Reviews)

- Provider: Udemy
- Time: 16.5h

$11.99

How to Create A Website: An HTML Tutorial and CSS Tutorial

How to Create A Website: An HTML Tutorial and CSS Tutorial (2016)
4.8 (299 Reviews)

- Provider: Udemy
- Time: 32.5h

$11.99

Code Your First Website with HTML & CSS for Kids & Beginners

Code Your First Website with HTML & CSS for Kids & Beginners (2019)
4.8 (196 Reviews)

- Provider: Udemy
- Time: 2h

$11.99

All html 5 courses

Reviews

4.5

42 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Jos Antonio Villalpando Crdenas on 11/8/2020

Very good election, he explains the basics pretty well and in a very short time, of course I have more doubts of doing more things, but as a start this course is a must have!

By Nancy on 4/25/2020

The course resource files for this tutorial are over 5 years old and don't open as they should.
It's disappointing because I was excited to take this course but I advise you to save your money and frustration. Too often, I feel the teacher says what he won't be teaching ... which I found quite alarming and left me feeling abandoned.

By Neil Blan on 3/27/2020

Im not sure if this will allow me to make the interactive video of my dreams, but its a decent overview.

By Michael Dally on 2/9/2020

I'm new to JS and wanted to develop a POC for an interactive video system. This was a great first introduction

By Meena Sivan on 11/2/2019

amazing jeff thanks - however, the box doesn't display on maximize screen - anyways - would you care to tell me how to deploy this on the phone and onthe app server - thanks

By Juan Camilo Riveros on 7/17/2019

You learn about video functions and how to play with it with JQuery but it could be deeper on interactive video ideas

By Timothy Kaldahl on 6/18/2019

This is very easy to follow and understand. It is going to help me a lot with my online class exercises for my students.

By Zack Weiner on 11/16/2018

Down and dirty guide to making an interactive video. It assumes you have some html/js/css knowhow, but for us developers it's straight to the point.

By Shailendra Chopra on 11/10/2018

Taking this course gave me a lot of info on controlling video on HTML5 which I can use in many other projects also. Jeff is an excellent instructor.

By Edward Bentley on 11/6/2018