javascript - Video won't play on Safari & Chrome mobile even with muted autoplay - Stack Overflow

admin管理员组

文章数量:1410724

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 !

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 !

• javascript
• html
• video
• mobile-safari

Share Improve this question Follow edited Jun 17, 2020 at 9:39 ADyson 62.2k1616 gold badges7979 silver badges9292 bronze badges asked Jun 17, 2020 at 9:05 Pickle_RickPickle_Rick 12111 silver badge77 bronze badges 4

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

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 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 !

本文标签： javascriptVideo won39t play on Safari amp Chrome mobile even with muted autoplayStack Overflow