HTML    CSS    PHP    Bootstrap    JavaScript    Flash    Dev Tools      

Video Player - Part 4

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 4

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

Description

In this chapter we continue to build our HTML5 video player. In the tutorial we add the playtime and the video duration time to the video controller. We continue to work with the properties of the video element of our video controller. The time displays, display the current time and the total duration of the video. We add the new objects to our JavaScript file and create the EventListeners for those new objects. We get into some pretty good JavaScript math functions inside this tutorial, and this knowledge will be useful in many of your own projects as you learn more and more about JavaScript.