Why is the video displayed in different colors on different screens?

Question

Video

There is a site on WP https://bezviz.family/
The video is placed on the first screen through the Slider Revolution plugin. The video was made in sRGB mode, the background is the same color as the background of the site. The following problem is observed: on different screens, the background color of the video does not match the background of the site.
An example of a normal display:

An example of a display on a poppy:

An example of a display on a Huawei P20:

I don’t see any particular pattern. The task is complicated by the fact that Slider Revolution only eats mp4, ogv or webm by default, and therefore you cannot use videos with an alpha channel with a transparent background.
Someone faced, it is possible to solve this problem?

Answer 1

on different screens, the background color of the video does not match the background of the site.

It's not about screens, it's about browsers and operating systems. Different browser implementations for different operating systems use different codec implementations.
Stop using video in favor of SVG animation. Although in your case, CSS image manipulation will suffice.
At a minimum, with this solution, you will not feed mobile users 15 MB of useless traffic.