Lessons:19Length:1.7 hours

For full access to all 19 lessons, including source files, subscribe with Elements.
- Overview
- Transcript
3.10 Going Full Screen
In this lesson, we provide our users an option to expand their video to full screen with just a few lines of JavaScript.
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