The typical problem that when you see it on a PC if it works but not on mobile, this happens only on Android Chrome, because when you see it on any other mobile browser works perfectly.
(1) Something I have noticed is that if I go to the site > "index.html" and navigate to another internal page such as > "contacto.html" and return to > "index.html" the video already loads and plays, but only if I do that.
I have tried many things, but first of all the video does not load at all if I do not do the method (1), to enter another page and return to "index.html".
My code:
<video loop autobuffer autoplay muted playsinline class="html-video" width="400" style="width: 100%;" id="video">
<source src="video/videom55.mp4" type="video/mp4">
<source src="video/video66.mp4" type="video/mp4">
<source src="video/mobile22/media/mobile22.mp4" type="video/mp4">
<p>Tu navegador no es compatible con el elemento de video.</p>
</video>
Also try to use the video id and put the js, change the codec etc., etc.
Likewise, it does not load if I do not do the method (1).
Thank you in advance and I hope to find the solution.