Автовоспроизведение html-видео в браузере Android Chrome несовместимо с разными версиями браузера

У меня есть простое видео, которое мне нужно автоматически воспроизводить в любом браузере на мобильных устройствах Android. Вот что я реализовал

https://output.jsbin.com/bovarep

<video poster="https://dj7u9rvtp3yka.cloudfront.net/layout/video_posters/THAMarchEditorial/TOP5TRENDS-1p777-en_v1.jpg" class=" m-u-media wrapper__video" autoplay preload="auto" muted="" loop="" media_id="media1">
  <source src="https://dj7u9rvtp3yka.cloudfront.net/layout/streaming/THAMarchEditorial/TOP5TRENDS-en_v1.mp4" type="video/mp4">
  <source src="https://dj7u9rvtp3yka.cloudfront.net/layout/streaming/THAMarchEditorial/TOP5TRENDS-en_v1.webm" type="video/webm">         
</video>

Видео будет воспроизводиться автоматически в некоторых комбинациях «версия ОС и версия Chrome», но не воспроизводится в некоторых других комбинациях. И комбинация, при которой он работает, случайна.

Пожалуйста, дайте нам знать, если кто-то сталкивается с той же проблемой или если кто-то решил проблему.

Заранее спасибо.

Дополнительная информация:

Автовоспроизведение работает на (Chrome – 64.0.3282.137, ОС – Android 8.0.0),

Автозапуск не работает на (Chrome – 63.0.3239.111, ОС – Android 7.0.0)


android google-chrome html video autoplay
person Rahul R    schedule 07.02.2018    source источник
comment
Автозапуск работает на (Chrome — 64.0.3282.137, ОС — Android 8.0.0), автозапуск не работает на (Chrome — 63.0.3239.111, ОС — Android 7.0.0)   -  person Rahul R    schedule 07.02.2018

Ответы (1)


arrow_upward
1
arrow_downward

Выяснил, в чем именно была проблема.

Таким образом, проблема не совсем в версии ОС Android или версии Chrome. В последних версиях Chrome есть функция «Экономия данных», которая предотвращает загрузку и автоматическое воспроизведение видео в Chrome, поэтому видео не воспроизводится автоматически, даже если оно отключено.

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

Вы можете посмотреть обещание, возвращенное вызовом video.play(), на основе которого вы можете отобразить значок воспроизведения в случае неудачного обещания.

Подробнее об обещании HTML-видео — https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/play

Дайте нам знать, если у кого-то есть лучшее решение.

Спасибо

person Rahul R    schedule 12.02.2018