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

Question

[eantava]

Хочу сделать блок с информацией, а на фон сделать видео с loop autoplay, но уже по опыту знаю что autoplay на ios устройствах отключены системой, как правильно адапитировать блок без создания дубдиката с другим фоном?

Answer 1

[Евгений]

autoplay на ios устройствах отключены системой

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

<video loop autoplay muted playsinline webkit-playinginline preload="auto">
    <source data-src="/file.mp4" />
    <p>Ваш браузер не поддерживает видео</p>
</video>

Answer 2

[Марина]

Автозапуск отключен на ios только если телефон в режиме экономии энергии.
В других случаях на ios и android автозапуск работает с атрибутом muted.

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