A custom video player that gives us the ability to control the functionality through custom UI. -If we click on the video anywhere on the video, we can play and pause. -If we hover towards the bottom, there is a controls UI that will load with "Play" , "Pause" buttons -It can track the current time and total duration of the video. -It can change the playback speed and toggle full screen mode
Credit for valuable resources:
Stunning free stock video footage & clips -
http://www.pexels.com/
Awesome font
https://fontello.com/
NEw cool things that I learned:
tag and "selected" attributein CSS: ".class1:hover .class2" this will control the styling of "class2" when "class1" is hovered --> cool! use opacity to control the show/off feature
navigtor.userAgent : NOT a reliable way for browser detection ==> SHOULD : Check the browser specific feature (document on MDN for more detail)