Как избавиться от чёрного фона в видео с прозрачным фоном на android-устройствах (webm)?

Question

[infobezopasnost]

На веб-сайт были загружены 3 видеофайла с прозрачным фоном в двух форматах .mp4 и .webm. Во всех браузерах в Windows, macOS и iOS-устройств видео воспроизводятся безупречно. А во всех браузерах на Android-устройствах у видеозаписей появляется чёрный фон, который непонятно как убрать.

Как отображается в десктопных браузерах Windows и macOS:


Как отображается во всех браузерах на устройствах с iOS:


И как отображается во всех браузерах на Android-устройствах:


Как убрать этот чёрный фон с браузеров на android-устройствах?

Comments

[Jacen11]

так на андроиде стоит темная тема, а на айосе светлая

Как убрать этот чёрный фон с браузеров на android-устройствах?

сделать фон, а не прозрачный

[its2easyy]

какой кодек внутри webm для видео использован? <source> внутри <video> в правильном порядке идут?

[infobezopasnost]

its2easyy, сначала мы экспортируем видео с прозрачным фоном в .mov, затем через приложение «Rotato» (https://rotato.app/blog/transparent-videos-for-the...) прогоняем и получаем 2 файла в .mp4 (для Safari) и .webm (для всех остальных). То есть сам .webm мы вручную не создаём, поэтому я не могу сказать в каком порядке идут там и . Как это проверить?

[its2easyy]

infobezopasnost, source в video в html разметке которая на странице, а не внутри самого видео. Я решил по скрину найти это видео и на винде там прозрачного фона нет. Потому что грузится hevc версия под сафари, потому что она запакована в mp4 и указана в html без кодека. Поэтому хром загружает первое по подходящее видео из списка source и запускает его, но не падает с ошибкой как раньше потому что год назад в хром завезли hevc, но завезли без прозрачности, поэтому фон черный.
А webm версия открывается с прозрачным фоном.
Так что нужно добавить кодек, как он указан в их же примере https://rotato.app/blog/transparent-videos-for-the..., чтобы хром его пропустил и загрузил webm версию

[infobezopasnost]

its2easyy, СПАСИБО БОЛЬШОЕ!!! сработало!