Need lil help with html5 video playback.. - GoFuckYourself.com

~Evilin~ · 11-01-2018, 10:36 AM

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

Code:

<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

Code:

<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 · 11-01-2018, 02:39 PM

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

~Evilin~ · 11-01-2018, 03:10 PM

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

11-01-2018, 10:36 AM	#1
~Evilin~ 🔥Adult Design Team Industry Role: Join Date: Nov 2005 Location: [email protected] Posts: 2,044	Need lil help with html5 video playback.. 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 Code: <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 Code: <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... __________________ 🔥AI Porn Graphic Design \| Our mail: [email protected] \| Teams (New Skype): evilin.design \| Telegram: @DenzikZT

11-01-2018, 03:10 PM	#3
~Evilin~ 🔥Adult Design Team Industry Role: Join Date: Nov 2005 Location: [email protected] Posts: 2,044	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 __________________ 🔥AI Porn Graphic Design \| Our mail: [email protected] \| Teams (New Skype): evilin.design \| Telegram: @DenzikZT

11-01-2018, 02:39 PM	#2
kjs Confirmed User Industry Role: Join Date: Jan 2014 Location: West Coast Posts: 167	try adding "playsinline". Different browsers on different devices act differently for autoplay. Chrome will only autoplay on mobile with playsinline and muted flags.