У меня есть этот код для воспроизведения видео на странице html5:
<video autoplay loop id="bgvid">
<source src="video-background.mp4" poster="/poster.png" type="video/mp4">
</video>
Проблема заключается в том, что он не работает в мобильном хром (Android Phone) и в мобильном сафари (iPhone). Но он работает в "каждом" браузере (протестирован с Safari, Chrome, Firefox) на рабочем столе, а также на мобильном firefox (Android Phone).
Как я могу преодолеть эту проблему?
Edit: Добавил этот код:
var myVideo = document.getElementById("bgvid");
function playVid() {
myVideo.play();
}
function pauseVid() {
myVideo.pause();
}
Если я добавлю кнопку, запускающую функцию playVid(), она работает. Поэтому я думаю, что проблема заключается в автовоспроизведении. Я попытался вызвать функцию с событием загрузки, но он не работает.