Видео Заголовок Автозапуск Выпуск

Question

У меня есть видео заголовок, который автоматически воспроизводится на рабочем столе при посещении. Он также автоматически воспроизводится на мобильных устройствах, но только на некоторых мобильных устройствах. Я не могу понять проблему. В настоящее время он автоматически воспроизводится на мобильных устройствах в Safari и chrome, iphone x и iphone 6 plus, но не поддерживает автоматическое воспроизведение для друзей iphone x или других лиц iphone 8 plus. Я должен посмотреть версию браузера? Они, кажется, все в курсе. Или я что-то упустил в коде?

Вот код для заголовка видео:

 <video autoplay muted loop playsinline width="100%">
  <source src="{{ section.settings.videofile }}" type="video/mp4" id="{{ section.id }}">
 </video>

веб-сайт: www.glamfleur.com

Answer 1

видео для всех пользователей, вы не должны использовать один вместо этого конвертировать видео в GIF, если вы действительно должны однако

var vid = document.getElementById("myVideo");
//set autoplay
vid.autoplay = true;
//mute so autoplay has highest chance
vid.muted = true;
//loop so it dosn't end
vid.loop= true;
//reload so these effect
vid.load();
//play incase
vid.play();

<video id='myVideo' src ='https://vjs.zencdn.net/v/oceans.mp4'></video>