@Mysale1995
Есть сайт с серым фоном, на сайте в теге video вставлен видеоролик, с таким же фоном (.сделан в after effects ).
Задумка, что цвет фона страницы и цвет фона видео совпадут, и не будет видна граница ролика. Но на деле получилась странная ситуация, на windows в хроме и мозиле всё хорошо, в эдже оттенок серого у видео ярче и видна соответственно рамка, на mac в мозиле тоже всё хорошо, но в хроме и сафари цвет видео снова ярче. Моушен дизайнер решил что дело с гаммой в видео или ещё чем то, но решить проблему не получилось. Суть в том что яркость видео в теге video отличается в зависимости от браузера и системы. Сталкивался кто нибудь с такой проблемой?
Задумка, что цвет фона страницы и цвет фона видео совпадут, и не будет видна граница ролика. Но на деле получилась странная ситуация, на windows в хроме и мозиле всё хорошо, в эдже оттенок серого у видео ярче и видна соответственно рамка, на mac в мозиле тоже всё хорошо, но в хроме и сафари цвет видео снова ярче. Моушен дизайнер решил что дело с гаммой в видео или ещё чем то, но решить проблему не получилось. Суть в том что яркость видео в теге video отличается в зависимости от браузера и системы. Сталкивался кто нибудь с такой проблемой?
Решения вопроса 0
Ответы на вопрос 2
@Aetae
Конечно сталкивались, и простого решения конкретной проблемы нет: видео это немного отдельный поток и там всегда могут быть свои настройки отображения.
Решения есть следующие:
1. Делать видео сразу с прозрачностью, а не с бэкграундом, современные браузеры это поддерживают:
2. Рисовать видео на canvas, программно подгоняя фон.
3. Накладывать SVG фильтр на видео, который погонит фон.
@GeKskill
Не решение самой проблемы, но как вариант…
Можете сделать как на кинопоиске, обрамить видео градиентом от цвета вашего фона к прозрачному
Можете сделать как на кинопоиске, обрамить видео градиентом от цвета вашего фона к прозрачному