mp4 не играет в Chrome или Firefox, но в Safari

Question

У меня очень странная проблема. Фоновое видео на этом сайте воспроизводится в Safari, но не в Chrome или Firefox.

При добавлении атрибута «элементы управления» с помощью инструментов разработчика я вижу правильную продолжительность видео. Но похоже, что видео совершенно прозрачно.

Та же проблема возникает, когда вы открываете ссылку на видео напрямую: neomotionstudio барабаны-2019.mp4

Спасибо, что заглянули!

Answer 1

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

Простое решение - перекодировать ваше видео.Вот пример использования ffmpeg:

ffmpeg -i http://www.neomotion.studio/wp-content/uploads/2019/03/neomotionstudio-reel-2019.mp4 video.mp4

. Он должен дать вам файл, работающий в Chrome и Firefox.

Answer 2

Проблема решена: дизайнер движков экспортировал видео в формате HEVC / H.265 вместо формата видео H.264, который не поддерживается Firefox и Chrome.