Native video player in html
View Demo
·
Report Bug
·
Request Feature
This is a custom video player for the web built only with html, css and javascript.
The idea of creating this video player is to have an interface that looks the same in most browsers, removing the native players from each browser.
The main functionalities are:
- play video
- pause video
- go back 10 seconds
- fast forward 10 seconds
- audio manipulation
- mute
- video progress manipulation
- full screen
Currently this video player is compatible and functional in the following browsers:
- Chrome version 92
- Safari version 14
- Firefox 91
Browsers such as Microsoft Edge or Opera are outside the scope of this development, so some functionalities may not work properly.
The stack used in this project is
- HTML 5
- CSS 3
- JavaScript
It does not have any additional library, seeking to work with the minimum amount of technologies
To be able to use this project on your computer it is only necessary to follow these steps
- Clone the repo
git clone https://github.com/oscarbebop/video-player.git
- once inside the folder it is only necessary to open the html file
index.html
I would like more people to be able to contribute to the development of this repository or help me integrate more languages.
If you want to contribute you can follow the following steps
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
If you want to contact me you can do it through my twitter account
Twitter - @oscarbebop
For the demonstration of this project I have used the following resources:
Sleepy Cat by Alejandro Magaña
The video used in this project was for educational and demonstration purposes only, and the rights and uses are those of their respective authors.