Creating a HTML5 Video Controller Skin
In this video we continue creating our video player. In this section we move away from the actual player to focus on the skin of our player- its time to make our controller look like its part of the player. By the end of this video we will have a full integrated CSS3 video player controller integrated into our video player.
Ready to Level Up Your Skills?
Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!
Enroll Now for Free!The new Video Tag
In this video we will jump right into HTML5's new video tag. By the end of this video you will know everything you need to know to add a new HTML5 video and get it to work on all modern browsers.
19:15
Converting Video for HTML5 Video Player
a video on html5 video were we explore the players capabilities.
07:10
Creating a Button
Stage one in our video controller is to have a button that can control it. By the end of this video we will have a controller capable of controlling our video.
02:02
HTML5 onload
It's a good idea not to start interacting with elements on our page until the page has loaded. In this video we explore one option of waiting.
02:29
HTML5 Video Play and Pause API
It's time we dig into the JavaScript Video API. By the end of this video we will have a video player that has a custom pause/play button created using the JavaScript HTML5 Video API.
04:00
Introducing the HTML5 classList
It's time for us to take a peak at one of the really fun ways to interact with CSS. So let's jump in and see how to work with classlist.
08:35
HTML5 Video Play and Pause Event
Learn how to listen to when something changes in our video such as when the video starts or stops to play
04:33
Moving the CSS and JS to External Files
It's time to clean up our video controller and as such we are going to move out our files into separate files to ease control and modularity.
04:55
Creating a HTML5 Video Controller Skin
By the end of this video we will have a full integrated CSS3 video player controller integrated into our video player.
10:31
Muting HTML5 Video API with JavaScript
Learn to use the JavaScript video API to mute the volume when ever you feel like it.
09:28
Changing HTML5 Video volume dynamically
xactly what you really want to do is put up the volume.
09:54
HTML5 video volume animation
Now that you know how to control volume in html5 its time to learn how to create dynamic fun animations to our volume to make our video player polished and ready for the real world.
16:58
Enough Playing, let's create a seeker!
We know how to control volume, pause, play and even listen in on the video when something changes in it. It's time for us to create a proper seeker. Jump in it will be fun.
08:29
Our seeker Sucks, let's make it better
In this video we will listen in to our video and as it changes positions we will update our seeker. Making our seeker a two way perfection.
02:50
Listening in on the duration change event
Our seeker doesn't work if we try to click on it as soon as our app loads. Why is that? and how can we fix it? the short answer is using the duration change event. Let's jump in and see why and how it
05:04