Lessons:19Length:1.7 hours

For full access to all 19 lessons, including source files, subscribe with Elements.
- Overview
- Transcript
3.7 Tracking Video Progress
In this lesson, we write some code to detect the current play time of our video and adjust the seek bar slider accordingly.
1.Introduction2 lessons, 02:59
2 lessons, 02:59
Free Lesson 1.1Welcome01:43
Free Lesson
1.1
Welcome
01:43
Free Lesson 1.2The Advantages of HTML5 Video01:16
Free Lesson
1.2
The Advantages of HTML5 Video
01:16
2.Using the Video Element4 lessons, 20:40
4 lessons, 20:40
2.1Inserting Video with HTML504:23
2.1
Inserting Video with HTML5
04:23
2.2Supporting Multiple Videos05:07
2.2
Supporting Multiple Videos
05:07
2.3Adding Playback Controls02:31
2.3
Adding Playback Controls
02:31
2.4Converting Your Video08:39
2.4
Converting Your Video
08:39
3.Customizing Your Video with Javascript10 lessons, 1:13:58
10 lessons, 1:13:58
3.1Autoplay and Looping04:28
3.1
Autoplay and Looping
04:28
3.2JavaScript Buttons09:11
3.2
JavaScript Buttons
09:11
3.3Creating Playback Controls04:27
3.3
Creating Playback Controls
04:27
3.4Styling the Controls11:53
3.4
Styling the Controls
11:53
3.5JavaScript Variables08:42
3.5
JavaScript Variables
08:42
3.6Coding the Play/Pause Button07:43
3.6
Coding the Play/Pause Button
07:43
3.7Tracking Video Progress07:55
3.7
Tracking Video Progress
07:55
3.8Coding the Seek Bar06:28
3.8
Coding the Seek Bar
06:28
3.9Volume Controls07:27
3.9
Volume Controls
07:27
3.10Going Full Screen05:44
3.10
Going Full Screen
05:44
4.Conclusion3 lessons, 06:30
3 lessons, 06:30
4.1Flash Fallback03:55
4.1
Flash Fallback
03:55
4.2The Kaltura Video Player01:21
4.2
The Kaltura Video Player
01:21
4.3Final Thoughts01:14
4.3
Final Thoughts
01:14
Continue watching with Elements
Continue watching with Elements