custom video player with Javascript

Features:

video api video.play() & video.pause()

progress custom

timestamp calculating

Github code

HTML

link all the needed styles.

the range.css is from css tricks

the play and stop icon are from font-awesome

video tag with a poster to show the image default

the controls have four parts,play button,stop button, progress bar and timestamp.

CSS

the screen is the audio player with border on the top

the four parts in the controls inline display.

the button without border