Video Background with a video of 1.5 minutes and a weight of 250mb. How to implement correctly and without glitches?

Question

Video

Hello friends, there is a project with a video background for which I have been suffering for more than a day. The thing is that the video has a duration of one and a half minutes and weighs 250mb + has non-standard proportions (1240 * 720).
In general, when you open the site, the video starts without problems, but twitches begin during playback.
What questions do I need to solve?:
1) What codec to process the video and what settings for playing video on the web.
2) What software to implement converting without loss of quality.
3) The video is long - it can be cut into pieces and somehow realize the beginning of loading the next part of the video while playing the previous one (these are my personal ideas, I don’t know how to implement them)
4) How did you solve this kind of problems.
Many thanks to all who answered. Even not so... Thank you.

Answer 1

1. h264, experiment with the settings... It's quite possible to get a bitrate less than 5 Mbps on this image size, usually without much loss of quality...
2. There is a lot of it for different platforms. You can take some free handbrake, and with ready-made presets ... The quality depends more on the compression settings and not on the software.
3. It is possible, in principle, but it will not solve your problem - the channel will not become wider either on the server or on the client, and there will be more problems with playback ...
You also need to understand that your hosting should have a wide enough channel to give video to several clients at the same time, and that it will eat a lot of traffic, and how not to run into some kind of restriction and not get extra money. .. Well, with a lot of attendance and a wide channel, a disk, for example, can become a bottleneck. In general, submitting a video is not that easy...
4. Is it possible to exile the designer who came up with this? =)
As they say, in every joke there is a share of a joke. For example, customers who have opened the site through the mobile network will not be happy with such a traffic consumption, even if you manage to reduce the video by 5 times, and they can watch it without lags ... I.e. video in the background, it can be beautiful, but not practical, and often very problematic for both the user and the site owner ... Maybe it's better to do with some kind of slideshow in the background?

Answer 2

4. Kill the designer or send the customer to hell. Obviously, not everything that the customer or designer wants can be realized in the existing reality of the conditions.
But seriously - replace the video slideshow with transitions (cross-fade, for example). A video in the background (and even a minute and a half long) is like an animated wallpaper in the OS - when a user does something, he has neither the desire nor the opportunity to watch such crap.

Answer 3

250 mb / 90 seconds = 2.8 megabytes per second = 23 mbps.
If you still do not understand, I will clarify - No way. Not everyone is that fast.
Solutions - Use VP9 from Fallback to mp4 (or vice versa).
continuation of the solution - several resolutions and qualities. Somehow you determine the speed of the client and, based on this speed, show him the video. For low speeds, low quality, for high speeds, high quality.

Answer 4

The resolution for the background in such a large format is irrational, it is urgently necessary to significantly reduce it, the background image in the quality of the video is a design and not a commercial