rperry99 / video-player

This is a project from the Zero to Mastery 20 JavaScript projects course.

Home Page:https://rperry99.github.io/video-player/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Project Name

This project is from Zero to Mastery: Jacascript Web Projects: 20 Projects to Build Your Portfolio. This is project 11 / 20.

Live Project

You can view a live version of the project here

You can view the full list of project from this course here.

Thoughts

This was another neat little project for the course. I don't really have too much to talk about on this one honestly. It is a basic video player that plays the one video I supplied. There is fullscreen functionality, volume & mute, playback speed, and play and pause. I can see how this project could be expanded even more to basically make a YouTube clone. I think that that is an ambitious project though! Could be something interesting for me to do in the future.

My Enhancements

  • When a user mutes the video then unmutes, the icon will show at full volume no matter what. So if the user had it set to a very low volume, clicks mute, then clicks to unmute, the volume will still be at the low volume, but the icon will be the full volume icon. I made the change where the icon will match whatever the user had the volume set to.
  • I turned the list of element constants in the JS file, into an object.

About

This is a project from the Zero to Mastery 20 JavaScript projects course.

https://rperry99.github.io/video-player/


Languages

Language:JavaScript 42.7%Language:CSS 34.2%Language:HTML 23.1%