Vanilla JavaScript Video Player

🚀 Welcome to my Vanilla JavaScript Video Player project! 🚀 This is a fully functional video player built from scratch using Vanilla JavaScript. It includes all the essential features you would expect from a modern video player. Below is a detailed list of features and instructions on how to get started.

Features

• 🎬 Play/Pause functionality
• 🌟 Full-Screen Mode for an immersive viewing experience
• ⏩ Adjustable Playback Speed to customize your viewing
• 🔊 Volume Control for precise audio adjustment
• ⏩ Forward 25 Seconds button for quick skips
• ⏪ Go Back 10 Seconds button for easy replays
• 🎯 Jump to Any Point in the video with a simple click or drag
• 📊 Real-Time Progress Bar to track video progress

Demo

video.player.mp4

Getting Started

To get a local copy up and running follow these simple steps:

Prerequisites

You need a modern web browser and a code editor to view and edit the project files.

Installation

1. Clone the repository:

   git clone https://github.com/Muntajir11/Vanilla-JS-Challenge-7-Video-Player.git

2. Navigate to the project directory:

   cd video-player

3. Open index.html in your browser:

   Simply double-click the index.html file, or open it via your code editor and run a local server if needed.

Usage

• Play/Pause: Click the play/pause button or the video itself.
• Full-Screen Mode: Click the full-screen button.
• Adjust Playback Speed: Use the speed controls to increase or decrease the playback speed.
• Volume Control: Adjust the volume using the volume slider.
• Forward/Backward: Use the forward 25 seconds and go back 10 seconds buttons.
• Progress Bar: Click or drag on the progress bar to jump to any part of the video.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.