.mp4 видео не воспроизводится на мобильном телефоне

Question

У меня проблемы с моими видео .mp4, которые не воспроизводятся на мобильных устройствах ни в Chrome, ни в Safari (не пробовал Explorer или Mozilla). Это код, который я использую для видео:

<video autoplay loop autobuffer muted playsinline style="width:100%; height:auto;">
<source src="/static_imgs/lo_macbook_mockup.mp4" type="video/mp4">
<img src="/static_imgs/lo_site_reskin_img.jpg" title="Legal Outreach site reskin." />
</video>

Я пробовал с и без playsinline и приглушил, но все еще ничего. Отлично работает на рабочем столе. Сайт с перечисленными видео https://bigsheep.design/projects/legal-outreach-4

Answer 1

Возможно, профиль H264 High @ Level 5 не поддерживается на вашем тестовом мобильном устройстве.

Попробуйте экспортировать (или перекодировать) видео с настройками Profile, равными Baseline @ Level 3 .
Этот базовый профиль может декодироваться видеочипами в большинстве устройств, после этого Вы можете попробовать увеличить его до Main и попробовать другие Уровни .

В вашем инструменте кодирования видео вы хотите найти похожую опцию для этого ( изображение из инструмента Handbrake ):