Я строю сайт, где у меня есть несколько<video> элементы (петельные анимации), которые действуют как часть моего дизайна (а не как реальное видео). Это хорошо работает в настольных браузерах, но у меня проблемы с мобильными устройствами.
Когда я отображаю сайт на устройствах Android или iOS (например, в мобильном веб-наборе), я получаю внешний вид видеоплеера ОС, и при нажатии на них видео открывается в каком-то всплывающем окне. Я знаю, что могу обойти ограничения автозапуска, выполнив что-то вроде:

window.onload = function() {
    var pElement = document.getElementById("myVideo");
    pElement.load();
    pElement.play();
};

Но это снова откроет видео в отдельном окне ...

Кто-нибудь знает о возможности эмулировать / включать поведение на рабочем столе на мобильных устройствах? Спасибо!

РЕДАКТИРОВАТЬ: Разметка является базовой<video>-синтаксис кстати:

<video autoplay loop>
    <source src="vid.mp4" type="video/mp4" />
    <source src="vid.ogg" type="video/ogg" />
    <source src="vid.webm" type="video/webm" />
</video>