Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Autoplay isn't working every time

See original GitHub issue

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 ?

Issue Analytics

State:
Created 5 years ago
Reactions:8
Comments:9 (1 by maintainers)

Top GitHub Comments

29reactions

yoiangcommented, Aug 5, 2018

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

Autoplay Policy Changes in 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!

2reactions

softmarshmallowcommented, May 29, 2021

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",
                },
              },
            }}
          />