Keep the ratio of the background video


It is about Bookkeeping automation made easy | Bluesheets the " End-to-end collaborative workflows." section.

I want to show a video on the mobile device. I use a video background because I don’t want to show the video control panel like if we use vimeo or youtube.
I use custom JS to handle the ratio, you can see the source above the video. I use the video ratio codes to make sure the video is not blurry because it’s contain small text.

The issue is: the top and bottom part of the video is cut off.
You can check inspect it using your browser and try 412px screen width.

Thank you,