02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoPrevious Video

Introducing the HTML5 classList

HTML5 comes not only with new video players and new fancy features it hides within it easier ways to interact with CSS and easier ways to interact withing HTML itself. 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.

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