Почему видео отображается в разных цветовых гаммах на разных экранах?

Question

[Сергей Прокопенко]

Есть сайт на WP https://bezviz.family/
На первом экране размещено видео через плагин Slider Revolution. Видео сделано в режиме sRGB, фон сделан такого же цвета как и фон сайта. Наблюдается следующая проблема: на разных экранах оттенок фона видео не совпадает с фоном сайта.
Пример нормального отображения:

Пример отображения на маке:

Пример отображения на Huawei P20:


Особенной закономерности не вижу. Задача усложняется тем, что Slider Revolution по умолчанию кушает только mp4, ogv или webm, а потому нельзя использовать видео с альфа-каналом с прозрачным фоном.
Кто-то сталкивался, можно решить эту проблему?

Answer 1

[Антон Спирин]

на разных экранах оттенок фона видео не совпадает с фоном сайта.

Дело не в экранах, а в браузерах и операционных системах. Разные реализации браузеров под разные ОС используют разные реализации кодеков.

Кто-то сталкивался, можно решить эту проблему?

Отказаться от использования видео в пользу SVG анимации. Хотя в вашем случае хватит и CSS манипуляций с картинками.
Как минимум, при таком решении не будете скармливать пользователям мобильных 15мб бесполезного трафика.

Comments

[Сергей Прокопенко]

Пожалуй, так и сделаем. Спасибо.