HTML    CSS    PHP    Bootstrap    JavaScript    Flash    Dev Tools      

Video Player - Part 3

This tutorial set is available for immediate download.

The tutorial set you are viewing is available for purchase. This tutorial set consists of all 9 Video Chapters, all exercise files and presentations used in the training. The videos are recorded in HD 1280 x 720. Take your training with you by purchasing the set and viewing on any handheld device that supports the mp4 video format. If you are interested select the PayPal image below.

Pay Securely with PayPal

Current Time:   00:00 / Total Time:   00:00

Seek Bar Volume

This tutorial set is available for immediate download.

The tutorial set you are viewing is available for purchase. This tutorial set consists of all 9 Video Chapters, all exercise files and presentations used in the training. The videos are recorded in HD 1280 x 720. Take your training with you by purchasing the set and viewing on any handheld device that supports the mp4 video format. If you are interested select the PayPal image below.

Pay Securely with PayPal

Do you have a question or comment on this, or any tutorial Contact Support

We are always looking for input on our tutorial content. If you have a suggestion, comment, additional information on this topic that you feel should be added, drop us a line. We appreciate your input.

Title: Video Player - Part 3

Category: HTML5
Topic: Project Training
Publish Date: 2016-04-17
Views: 33
Author: Mike King

Description

In this chapter we continue to build our HTML5 video player. In the tutorial we clean up our HTML code and create our objects in JavaScript to make our video player much more efficient. We create the first variable objects in JavaScript, add our onload event in JavaScript, initialize our setupPlayer function and setup the references to the objects that we will be creating. We create our main.css file and the css folder. We begin to add basic styling to our player and our control bar. We add our Event Listeners for our objects which is a much more efficient way to monitor events in JavaScript. We also add our seek control to our Control Bar, we then add the seek object and the seek Event Listener to JavaScript to wrap up this tutorial.