Need lil help with html5 video playback..

[~Evilin~]

Hello there, guys.
I have troube with it.. 've spent all day to fix it:

there is a page with html5 video banner with a simple code:
Just click on this URL

<div id="wrapper">
		<video src="videos/test.mp4" autoplay="true" loop="true" muted type="video/mp4">
		</video>
	</div>

It looks well on desktop.. but i see no any result on my iphone or android phone...
I thought that trouble is type="video/mp4" that ios may not support, but i putted "controls=true" and i see video window with play button, so mp4 is supported!
Just click on this URL

<div id="wrapper">
		<video src="videos/test.mp4" autoplay="true" loop="true" muted type="video/mp4"controls="true">
		</video>
	</div>

HOW to remove button play and let that fucking video play after page loading on iphone/android?...
Much thanx...

[kjs]

try adding "playsinline". Different browsers on different devices act differently for autoplay. Chrome will only autoplay on mobile with playsinline and muted flags.

[~Evilin~]

Thank you for advice, kjs.

The trouble is that IOs and Android platforms doesn't like any autoplay videos on websites coz it takes so much battery charge and traffic.
So the solution is calling Play via JS and hiding player elements))

So that works for Desktop and IOs platform now. But it it looks just like screenshot on Andriod platform:
HTML canvas video player