Video player with a menu in HTML & CSS

I think this can be solved by just searching online for something like "video player library".

I think a bigger problem would be how the video is delivered to the user. A simple tag is already enough. However, the video can only be delivered to the user in the quality the video was uploaded to the server.

I once joined a competition, and the website had something like a tag to display an introduction video. The server didn't seem to have a good internet connection, and my Wi-Fi was slow, so the video could only be viewed in high-quality if it was downloaded.

My guess is that something like this requires a server to do something like decrease the video quality if the connection is bad, and deliver a better video when the user has a fast enough internet connection.

    

      To view this video please enable JavaScript, and consider upgrading to a
      web browser that
      supports HTML5 video
    

Use this tutorial to take control over all native options of a video player:

https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Audioandvideodelivery/crossbrowservideoplayer