Расширения HLS / Media Source <video>с отключенным звуком и автоматическим воспроизведением на первом кадре на мобильных устройствах

Question

Я попытался добавить фоновое видео героя на наш сайт.Он обслуживается с сайта mux.com.

Я использую его с HLS, но для Chrome он использует Расширения Media Source из того, что я собираю.

Я знаю, что для автоматического воспроизведения видео HTML5 этотакже должен быть отключен, и у меня есть оба параметра там.

Очевидно, в Android Chrome я получаю поведение, когда он зависает в первом кадре (черный), но не продолжается, и я не могу проследить почему.

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

У меня нет подсказок.

---

Песочница для изоляции:

https://codesandbox.io/s/32yky6x7mq

https://32yky6x7mq.codesandbox.io/

В своих попытках я сократил это до простого приложения HTML с библиотекой Hls.js и базовым тегом <video>, где он ломаетсяна мобильных телефонах.

---

Как настроить автоматическое воспроизведение видео на мобильных устройствах?

PS Чтобы увидеть, что именно я пробовал, см. историю изменений, какЯ много чего пробовал.

Answer 1

На моем устройстве, в частности, Android Chrome, это вызвано Хранитель данных .

Отключение Сохранение данных , видео воспроизводится автоматически.
Это парадоксально, потому чтос Data Saver Я ожидаю, что видео вообще не будет загружено, но оно загружается, и вместо этого автопроигрывание прерывается, что приводит к большему расходу.

Возможно, есть другие настройкитам, в дикой природе, которые мешают автоигре, например, не могли найти точные причины, почему iOS не работаетЕсть подсказки об атрибуте playsinline, которые я еще не проверял.(Будет обновляться, когда я это сделаю)

Стоит отметить, что заголовок Feature-Policy тоже: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy
Это не помогло мне в моем сценарии, но, вероятно, это может быть связано с автоигрой в других сценариях..