@hooli-gun

Почему не открывается видео на iphone?

Сделал видео на заглавной:
<video autoplay="" loop="" muted="" class="video video-desktop">
	<source src="/video/video-hero.mp4" type="video/mp4">
</video>
<video autoplay="" loop="" muted="" class="video video-mobile">
	<source src="/video/video-hero-mobile.mp4" type="video/mp4">
</video>

Для пк и телефонов, но на iphone оно не открывается, в чем может быть проблема?
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
iphone спокойно справляется с mp4 видео, если оно было закодировано поддерживаемым кодеком, например h.264.

Но никакое видео на iphone не будет автоматически воспроизводиться без атрибута playsinline (muted тоже обязательный)
То есть:
<video autoplay loop muted playsinline class="video video-desktop">
  <source src="/video/video-hero.mp4" type="video/mp4">
</video>


Вот тут можно ознакомиться с поддержкой кодеков и выбрать подходящие
https://developer.mozilla.org/en-US/docs/Web/Media...
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы