Skip to content

Latest commit

 

History

History

custom-video-player

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
css
css
 
 
img
img
 
 
videos
videos
 
 
README.md
README.md
 
 
customvideoplayer.png
customvideoplayer.png
 
 
index.html
index.html
 
 
script.js
script.js
 
 
script2.js
script2.js
 
 

README.md

Custom Video Player

Custom video player using the HTML5 video element and it's JavaScript API with a custom design

Custom Video Player

Project Specifications

  • Display custom video player styled with CSS
  • Play/pause
  • Stop
  • Video progress bar
  • Set progress bar time
  • Display time in mins and seconds

Sources

https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs
https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
https://github.com/PandAlex/20WebProjectsWithVanillaJavaScript