Проблема с цветом видео в разных браузерах?
Есть сайт с серым фоном, на сайте в теге video вставлен видеоролик, с таким же фоном (.сделан в after effects ).
Задумка, что цвет фона страницы и цвет фона видео совпадут, и не будет видна граница ролика. Но на деле получилась странная ситуация, на windows в хроме и мозиле всё хорошо, в эдже оттенок серого у видео ярче и видна соответственно рамка, на mac в мозиле тоже всё хорошо, но в хроме и сафари цвет видео снова ярче. Моушен дизайнер решил что дело с гаммой в видео или ещё чем то, но решить проблему не получилось. Суть в том что яркость видео в теге video отличается в зависимости от браузера и системы. Сталкивался кто нибудь с такой проблемой?
Дополнительно:
Можно использовать -webkit-mask и сделать края прозрачными.
Ответы:
Конечно сталкивались, и простого решения конкретной проблемы нет: видео это немного отдельный поток и там всегда могут быть свои настройки отображения.
Решения есть следующие:
1. Делать видео сразу с прозрачностью, а не с бэкграундом, современные браузеры это поддерживают: snippet
2. Рисовать видео на canvas, программно подгоняя фон.
3. Накладывать SVG фильтр на видео, который погонит фон.
Не решение самой проблемы, но как вариант...
Можете сделать как на кинопоиске, обрамить видео градиентом от цвета вашего фона к прозрачному
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для решения проблемы с цветом видео в разных браузерах, можно попробовать следующие способы:
1. Проверить формат видео: Убедитесь, что формат видео поддерживается всеми браузерами, в которых оно должно воспроизводиться. Например, форматы MP4, WebM и Ogg поддерживаются большинством современных браузеров.
2. Использовать HTML5 видео тег: Для воспроизведения видео на веб-странице рекомендуется использовать HTML5 видео тег. Это позволит браузерам автоматически выбирать наиболее подходящий формат видео для воспроизведения.
3. Установить правильные кодеки: Убедитесь, что на сервере установлены правильные кодеки для ваших видео файлов. Например, для кодеков H.264 и WebM.
4. Проверить CSS стили: Иногда проблема с цветом видео может быть связана с CSS стилями на странице. Убедитесь, что не применяются фильтры, которые могут искажать цвет видео.
5. Обновить браузер: Убедитесь, что у пользователей установлены последние версии браузеров, так как они могут содержать исправления для проблем с воспроизведением видео.
Приведенные выше способы могут помочь решить проблему с цветом видео в разных браузерах. Если проблема остается, рекомендуется провести дополнительное тестирование и исследование, возможно, обратившись за помощью к сообществу разработчиков.