eantava
@eantava
Студент

Как сделать адаптацию видео фона для мобильного устройства?

Хочу сделать блок с информацией, а на фон сделать видео с loop autoplay, но уже по опыту знаю что autoplay на ios устройствах отключены системой, как правильно адапитировать блок без создания дубдиката с другим фоном?
  • Вопрос задан
  • 67 просмотров
Пригласить эксперта
Ответы на вопрос 2
ev_g
@ev_g
Web dev.
autoplay на ios устройствах отключены системой

Это не так. Работает прекрасно.

<video loop autoplay muted playsinline webkit-playinginline preload="auto">
    <source data-src="/file.mp4" />
    <p>Ваш браузер не поддерживает видео</p>
</video>
Ответ написан
Комментировать
Mo_Ginger
@Mo_Ginger
клацаю по кнопкам
Автозапуск отключен на ios только если телефон в режиме экономии энергии.
В других случаях на ios и android автозапуск работает с атрибутом muted.

Что подразумеваете под "правильно адаптировать блок"?
Можно поставить картинку поверх видео и скрывать её только в случае, если видео запустилось, например.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы