HLS / Media Source Extensions <video> с отключением звука и зависанием при автовоспроизведении на первом кадре на мобильных устройствах
Я попытался добавить на наш сайт фоновое видео о герое. Его обслуживают с сайта mux.com.
Я использую его с HLS, но для Chrome он использует расширения источников мультимедиа из того, что я собираю.
Я знаю, что для автоматического воспроизведения видео HTML5 его также необходимо отключить, и у меня есть оба параметра.
По-видимому, в Android Chrome я получаю поведение, при котором он зависает на первом кадре (черный), но не продолжается, и я не могу понять, почему.
В случае зависания видео все равно загружается, но оно не воспроизводится автоматически.
У меня нет подсказок.
Изолированная песочница:
https://codesandbox.io/s/32yky6x7mq
https://32yky6x7mq.codesandbox.io/
В своих попытках я свел это к простому HTML-приложению с библиотекой Hls.js и базовым тегом <video>, который не работает на мобильных устройствах.
Как сделать так, чтобы видео воспроизводилось автоматически на мобильных устройствах?
P.S. Чтобы увидеть, что именно я пробовал, просмотрите историю изменений, так как я пробовал много чего.
@Offbeatmammal Я только что попробовал, и нет, по крайней мере, он не загружается изначально в Chrome 70. После обновления до 71 (последней) тоже не работает: codeandbox.io/s/pkvm66o0rj
Хорошо, после дополнительной отладки кажется, что автовоспроизведение не работает на мобильных телефонах с HLS ...
Ага, похоже, это связано с Android Chrome Data Saver.
Ответы 1
В частности, на моем устройстве Android Chrome это вызвано Экономия трафика.
При отключении Экономия трафика видео воспроизводится автоматически. Это парадоксально, потому что с Экономия трафика я ожидаю, что видео вообще не будет загружаться, но оно загружается и вместо этого прерывается автовоспроизведение, что приводит к большему количеству потерь.
Возможно, есть и другие настройки, которые предотвращают автовоспроизведение, например, не могут найти точные причины, по которым iOS не работает. Есть подсказки по атрибуту playsinline, который я еще не тестировал. (Будет обновлено, когда я это сделаю)
Также стоит отметить заголовок Feature-Policy: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy
Это не помогло мне в моем сценарии, но, вероятно, это может быть связано с автовоспроизведением в других сценариях.
HLS должен воспроизводиться в браузере изначально (по крайней мере, более поздние версии) без использования MSE, пробовали ли вы получить доступ к потоку напрямую в ванильном теге
<video>?