React-player: ReactPlayer autoplay muted video on mobile

[Thargarius]

I can't manage to autoplay video on mobile browser, I dont have any audio and there is my code :

<div className="react-video" ref={el => this.videoWrapper = el}>
    <ReactPlayer width={this.state.width} height={this.state.height}
        url='https://atmost.fr/assets/video/yosemite720.webm' fileConfig={{ attributes: { "muted": "true", "autoPlay": "true" } }} muted playinline playing={this.state.playing} loop autoplay />
</div>

But when I inspect my page I only see this :
<video src="https://atmost.fr/assets/video/yosemite720.webm" preload="auto" loop autoplay style="width: 100%; height: 100%; display: block;"></video>

What is the problem ?

[besarthoxhaj]

have the same issue, apparently ios policy (and implementation) does not allow you to autoplay.

[cookpete]

This problem is addressed in the readme. We are at the mercy of how mobile browsers behave, and they tend to deliberately prevent autoplay to stop users from unnecessarily using mobile data.

I am open to any straightforward, reliable, cross-browser solutions but this will be an ongoing battle with mobile browsers in general.

[PiotrSzlagura]

@CookPete I guess this issue is about the fact, that in attributes there is: "muted": "true" but it doesn't show in the video tag. I just ran into the same issue right now and can't find solution.