What video player to use on the site?

Question

HTML

So it goes.
There is a video on the page, it is essentially in the background, but it is the main element of the page (navigation, social media icons, etc. just lie on top).
Here is his control panel:

Everything is simple.
But I have never done anything like this in my entire career.
What is better to use to solve my problem?

Answer 1

Html5 video api - make any face. With or without panel...

Answer 2

Any good commercial or open-source player supports skins and/or has an external API.
Those. you can either style the controls of this player, or make your own controls (as in the picture) and, using the API, control the player through them.
For example: jplayer.org
Its API: jplayer.org/latest/developer-guide
Or: videojs.com
API: docs.videojs.com/docs/api/index.html