Autoplay isn't working every time

[Aarbel]

Hi @cookpete,

I'm facing some issue with autoplay and basic prop playing={true}.

This happens when the navigator opens from an external link

To reproduce :

• Click on your app link from outside your navigator (for me i clicked from VScode, and that opens the link inside Chrome) - The video doesn't autoplay and is in paused mode, even if the prop playing is true.
• Reload the page - The autoplay works

How could i force play ?

[yoiang]

@Aarbel I had the same issue and a quick search turned this up, which helped me out!

• Autoplay Policy Changes in Chrome: Autoplay Policy Changes on Chrome #395

TLDR: Chrome makes you choose to either not autoplay or autoplay muted, so web developers are building pages that can annoy their users. Adding muted to my react-player tag works consistently!

[Aarbel]

thanks a lot @yoiang, did you found a workaround to allow both autoplay and not muted ? (like a Timeout hack, or something like that)

[yoiang]

I haven't explored that yet!

[MatanBobi]

@Aarbel Unfortunately there is no such way. An unmuted video can be played (for 100% of the use cases) only after a user interaction.

[cookpete]

Even if there was a hack to enable unmuted autoplay, soon enough Chrome would release a patch so the hack would no longer work.

I agree that unmuted autoplay can be useful when used responsibly, but the unfortunate reality is that the majority of companies use it to create a negative, annoying experience for the user that needlessly uses up bandwidth. Safari on iOS started the trend, Chrome is catching up, and eventually the rest will too.

[softmarshmallow]

adding muted tag does not allow safari / mobile chrome to autoplay.
Any alternative theory?

https://github.com/bridgedxyz/bridged.xyz

<ReactPlayer
            url="https://www.youtube.com/watch?v=RIZjZFoDhRc&ab_channel=Bridged"
            width="100%"
            height="100%"
            playing
            loop
            muted
            onStart={handleOnYoutubePlayStart}
            onEnded={handleOnYoutubePlayEnd}
            config={{
              file: {
                attributes: {
                  preload: "auto",
                },
              },
            }}
          />

[muchirajunior]

my player cannot auto play still even when i sett playing to true

[codebravotech]

Add the playsinline attribute to your ReactPlayer instance (make sure it's all lowercase- the react-player module doesn't follow the camel case React convention in this case 👍🏻)

[muchirajunior]

okey thank you