The very first youtube playlist plays, any other playlist next after it doesn't load

[zoltes]

Current Behavior

Any youtube playlist I try to play right after another playlist does not load

Expected Behavior

I play a playlist. I submit a link with another playlist, I'd like the new one to be loaded and played instead of the previous one.

Steps to Reproduce

1. https://cookpete.github.io/react-player/
2. Press "Playlist" in the Youtube section.
3. Watch it's been loaded
4. Paste a link to another youtube playlist in the Custom URL section (First example, https://www.youtube.com/watch?v=1qB6XdAkkAo&list=RDCLAK5uy_m_h-nx7OCFaq9AlyXv78lG0AuloqW_NUA&start_radio=1)
5. Watch the new playlist doesn't load and the old one starts playing once again

Environment

• URL attempting to play: Second example https://youtube.com/playlist?list=PLpc0AmY12JU7w3Xvlo0jz43ptBbMDIkRM&si=lHNeERY2xvFUavfE
• Browser: Chrome
• Operating system: Mac OS

Other Information

[CXZ7720]

I have same problem lite this.

I think it's because this package seems to using Youtube IFrame API's loadPlaylist method. (Docs)

react-player/src/players/YouTube.js

Line 91 in 795b196

if (MATCH_PLAYLIST.test(url)) {

In this file, parsePlaylist() method returns same shape of object that Youtube's method consume.(object type) but this package doesn't have "index" key. Thats why it always points to first video.

However, even though if we provide the index key to return value, Youtube API doesn't play exact video what we provided through video id but play the nth index of video from playlist. Here's description of how index parameter works.

The optional index parameter specifies the index of the first video in the playlist that will play. The parameter uses a zero-based index, and the default parameter value is 0, so the default behavior is to load and play the first video in the playlist.