Поведение видео HTML5 на мобильных устройствах

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

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

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

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

РЕДАКТИРОВАТЬ: Разметка базовая -syntax btw:

<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>