This project is a custom video player built with HTML, CSS, and JavaScript. It features a sleek and user-friendly interface with controls for play/pause, volume, video progress, playback speed, picture-in-picture, and full-screen view. For more, check out live demo here.

To get started with this project, simply clone this repository:

git clone https://github.com/saqibbedar/custom-video-player

2. Navigate to the project directory.

3. Open the index.html file in your browser to view the video player.

To use the video player, simply load a video file into the <video> tag in the index.html file. The controls for the video player are intuitive and easy to use.

• The main play/pause button is used to play or pause the video.
• The video progress bar shows the current progress of the video and can be used to skip to different parts of the video.
• The volume button and slider control the volume of the video.
• The playback speed button allows you to adjust the speed of the video playback.
• The picture-in-picture button allows you to watch the video in a floating window while interacting with other applications.
• The full-screen button allows you to view the video in full-screen mode.

I am computer science student and I do share these types of projects here on github account for free. All of code on my github is free under MIT License. It takes me a great time to build all of these projects so I am sure you would support me for the efforts I am putting. Thanks in advance for your support.

Contributions are welcome! Please feel free to submit a pull request. This projects really needs some additional features, I have not added much more due to the short time but in future I will add more, till then you can also help me to make this little project much more better.

This project is licensed under the MIT License.

Happy Coding 🚀