video html5 mobile,javascript - HTML5 video behavior on mobile devices - Stack Overflow

I am building a site where I have several elements (looped animations) that act as part of my design (not as an actual video). This works quite well in desktop browsers, yet I am in trouble on mobile devices.

When I display the site on Android or iOS devices (ie. mobile webkit) I will get the OS's video player appearance and the videos will open in some sort of popup when I click them. I do know that I can bypass the autoplay restrictions by doing sth like:

window.onload = function() {

var pElement = document.getElementById("myVideo");

pElement.load();

pElement.play();

};

But this will again open the video(s) in a seperate window...

Does anyone know of a possibility to emulate / enable desktop-like behavior on mobile devices? Thanks!

EDIT:

Markup is basic -syntax btw: