Как сделать autoplay для видео на android mobile?

Question

[falwxey]

Здравствуйте. Проблема с автовоспроизведением видео на смартфонах android, на ios и других платформах все норм. Начал гуглить, нашел много проблем с похожей тематикой.
Сайт на wp.
видео инициализируется (не знаю как точно написать ) в js :

$html_video='<video width="100%" preload="auto"  autoplay muted="" webkit-playsinline playsinline height="auto" loop="loop"> <source src="'+$('[data-video]').data('video')+'"></video>';

			$('[data-video]').after($html_video)

в php отображено так :

<div class="video_container">

<div data-video="/bg.mp4" ></div>

на выходе html

<div class="video_container">
<div data-video="/bg.mp4"></div><video width="100%" preload="auto" id="video-1" autoplay="" muted="" webkit-playsinline="" playsinline="" height="auto" loop="loop"> <source src="/bg.mp4"></video> 
</div>

и кажется мне, что нужно просто сделать так

var video = document.getElementById('video'); video.addEventListener('click',function(){ video.play(); },false);

но я не могу задать id для этого видео, как это сделать?

Answer 1

[Дима Паутов]

Автовоспроизведение видео на мобильных устройствах запрещено самими браузерами. Воспроизведение возмно только при участии пользователя(т.к. когда он сам кликнет на проиграть)

Comments

[Влад Серов]

Здравствуйте. А как сейчас это реализовать? Есть уже сайты на которых это есть. Например, оф. сайт бренда "zara" - у них с пк и на мобильном (android и iphone видео запускаются автоматически).

Я ставил себе стандартный вывод видео через тег "video". Но автовоспроизведение только на андроиде работает, на iphone кнопка плей появляется, нужно запускать автоматически.

Смотрел код на странице сайта "зара" там вроде бы всё так же сделано. Не пойму в чем дело.

Есть предположение, что опция доступна крупным брендам) Пока все что в голову идет.

[Дима Паутов]

Влад Серов, autoplay muted playsinline - больше ничего нет, а так же, правильный формат и кодировка видео

[Влад Серов]

Дима Турков Добавил последний тег "playsinline" - заработало на Iphone. Никогда его не видел до этого. Спасибо! Работает

Upd: Обновил коммент.