Проблема с цветом видео в разных браузерах?

Question

[Mysale1995]

Есть сайт с серым фоном, на сайте в теге video вставлен видеоролик, с таким же фоном (.сделан в after effects ).
Задумка, что цвет фона страницы и цвет фона видео совпадут, и не будет видна граница ролика. Но на деле получилась странная ситуация, на windows в хроме и мозиле всё хорошо, в эдже оттенок серого у видео ярче и видна соответственно рамка, на mac в мозиле тоже всё хорошо, но в хроме и сафари цвет видео снова ярче. Моушен дизайнер решил что дело с гаммой в видео или ещё чем то, но решить проблему не получилось. Суть в том что яркость видео в теге video отличается в зависимости от браузера и системы. Сталкивался кто нибудь с такой проблемой?

Comments

[Виталий Першин]

Можно использовать -webkit-mask и сделать края прозрачными.

Answer 1

[Aetae]

Конечно сталкивались, и простого решения конкретной проблемы нет: видео это немного отдельный поток и там всегда могут быть свои настройки отображения.

Решения есть следующие:
1. Делать видео сразу с прозрачностью, а не с бэкграундом, современные браузеры это поддерживают:
2. Рисовать видео на canvas, программно подгоняя фон.
3. Накладывать SVG фильтр на видео, который погонит фон.

Answer 2

[GeKskill]

Не решение самой проблемы, но как вариант...
Можете сделать как на кинопоиске, обрамить видео градиентом от цвета вашего фона к прозрачному