Lessons:19Length:1.7 hours
- 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.Introduction
1.1Welcome01:43
1.1
Welcome
01:43
1.2The Advantages of HTML5 Video01:16
1.2
The Advantages of HTML5 Video
01:16
2.Using the Video Element
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 Javascript
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.Conclusion
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
