Video won't play on Safari & Chrome mobile even with muted autoplay

Question

I can't launch an autoplay video on a website on mobile, tapping won't work either.

<video width="270" height="533" id="video" autoplay muted loop>
  <source src="img/Mockup.mp4" type="video/mp4">
</video>

I also tried with

document.getElementById('video').load();

I have no clues how to fix it. Any tips ?

Thanks !

any errors in the console? "won't work" isn't much in the way of useful debugging info. — ADyson, Jun 17 '20 at 09:08
Nop no errors, by the way is there a way to inspect it with my phone ? — Pickle_Rick, Jun 17 '20 at 09:12
Yes. https://developers.google.com/web/tools/chrome-devtools/remote-debugging — ADyson, Jun 17 '20 at 09:17
Well, just figured it out. There was no problem on Android so I had to add playsinline and now it works fine ! — Pickle_Rick, Jun 17 '20 at 09:24

score 5 · Answer 1 · answered Jun 17 '20 at 09:25

5

For anyone interested for Ios you have to add playsinline inside your video tag to make it works. See there : HTML5 Video autoplay on iPhone

Cheers !

answered Jun 17 '20 at 09:25

Pickle_Rick

1 Answers1