Note: project is still in progress
Completed solutions for the JavaScript 30 Day Challenge along with my own modifications.
I have created a webpage for each challenge the links can be found below. Some challenges came with an intuitive or already built design, but some proved to be more challening.
For the future, I'd like to create a webpage where you can click through all of the exercises without having to return to github.
To view the course and grab the starter files visit https://JavaScript30.com
Playing with CSS Variables and JS
Overview
- Create play functionality
- Toggle play/pause icon
- Connect volume & UI
- Connect the playback rate & UI
- Connect Skip foward buttons
Extra Features Implemented
- Volume icon changes to low volume & mute
- Customized player to look like youtube
- Added ball at the end of the progress bar
- Changed background color
- Added time so the user can see where they are in regards to the whole video
- Fullscreen capabilities
Features TODO
Bug: Going back and forth in the video using the slider throws an error and resets the value to 0. OffsetX is returning a negative number when it shouldn't.- Exit fullscreen
- Buttons aren't showing up when video is fullscreened