HTML    CSS    PHP    Bootstrap    JavaScript    Dev Tools      

Video Player - Part 3

Current Time  00:00 Total Time  00:00

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: 211

Author: Mike King


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.