Почему не воспроизводится видео на устройствах с ОС IOS?

Question

[Андрей Галкин]

Дороге друзья, занимаюсь разработкой адаптивных веб-сайтов и относительно не давно столкнулся с тэгом .

КОД:

<video controls preload="auto" autoplay="true" loop="true" muted="muted">
     <source src="#" type="video/mp4">
</video>

СУТЬ: видео воспроизводится абсолютно на всех устройствах и браузерах, поддерживающих данный тэг, однако есть инцидент на устройствах с операционной системой IOS. Видео попросту не загружается и не воспроизводится.

На просторах интернета вычитывал многое, но это мне не помогло.

Коллеги, кто сталкивался с данной проблемой? Поделитесь рабочим решением, за ранее спасибо.

Comments

[Mikhail Osher]

Насколько я помню, Safari не очень любит mp4. Попробуйте указать несколько source с разными форматами.

[Андрей Галкин]

Mikhail Osher, я это уже делал, проблема не ушла, я грешу на свойство autoplay.

Answer 1

[Михаил]

А так?

<video controls autoplay loop muted playsinline>
     <source src="#" type="video/mp4">
     Your browser does not support HTML5 video.
</video>

Ну и ещё надо понять какой кодек используется, по этому если выведет "Your browser does not support HTML5 video." значит, что-то не так с самим видео и его надо перекодировать.

Comments

[Андрей Галкин]

Все верно, данная строка присутствует. Сам тег отображается так, словно источник видео не указан.