Estou construindo um site onde tenho vários<video> elementos (animações em loop) que atuam como parte do meu design (não como um vídeo real). Isso funciona muito bem em navegadores de desktop, mas estou com problemas em dispositivos móveis.
Quando eu exibir o site em dispositivos Android ou iOS (por exemplo, mobile webkit), a aparência do player de vídeo do sistema operacional e os vídeos serão abertos em algum tipo de pop-up quando eu clicar neles. Eu sei que posso ignorar as restrições de reprodução automática fazendo sth como:

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

Mas isso abrirá novamente o (s) vídeo (s) em uma janela separada ...

Alguém sabe da possibilidade de emular / ativar um comportamento semelhante a uma área de trabalho em dispositivos móveis? Obrigado

EDITAR A marcação é básica<video> -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>