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
-
Navigate to the project directory.
-
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 🚀