A very small amount of code has been used to create it so you will have no trouble understanding it. Below I have given a demo that will help you to know how it works.
Step 1: Custom Video Player HTML Code
The following HTML code is used to create the basic structure of this video player. Very little HTML has been used here. Along with this, I have provided the necessary external jquery links.
You copy the codes directly and add them to your HTML file. Use index.html to rename the HTML file.
Step 2: Design Video Player with CSS
The following codes are the CSS code used to complete the design of the custom video player. Very little code has been used here. First I set the background color of the webpage. Then Basic added some information for the video player.
As I said before here is the width of the video player: 90vmin. Borders have been used to enhance beauty. You copy the code and add it to your CSS file. I have already attached the CSS file to the HTML file. You will only rename your CSS file using style.css.
Hope you like this custom video player. If there is any difficulty then you can definitely let me know by commenting.