React video not autoplaying, autoplay not working

Question

I have a video component added like this

<video autoplay loop src="/vids/vid.mp4">

But it is not playing automatically.

What am I missing?

Answer 1

This worked

• Use autoPlay instead of autoplay for react.
• Also add muted

So, the code will be <video autoPlay muted loop src="/vids/vid.mp4">

if you want to use the autoplay with small letters, you should assign the value autoplay="true"

Answer 2

You need to add the muted attribute, like so:

<video muted autoplay loop src="/vids/vid.mp4">

For more, you can have a look: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

Answer 3

This might help: I was working with ReactFullpage and the video would not autoplay on mobile devices. so I added data-autoplay="" and it got fixed.