question-mark
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.

React Playing is playing another video other than the requested video

See original GitHub issue

Current Behavior

React player is playing another video however the image of the light prop is correct

Expected Behavior

When I click on the play button over the image of the light, the react player should open the requested video but it is opening another video

My code

<ReactPlayer
                className='react-player'
                url={"https://youtu.be/W-jvyGyEifQ?list=RDze1pC-4mhfY"}
                width='100%'
                height='100%'
                controls
                light
            />

Environment

Other Information

I found that this issue is solved when I remove the text after the video ID in the Url.

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
cookpetecommented, Jan 27, 2021

Yeah I’ve now seen this too. Opening in incognito (not signed in to youtube) plays a completely different playlist (with 26 videos instead of 19). I have no idea why the youtube player does this.

1reaction
Milkhancommented, Jan 27, 2021

I can partially confirm @AmmarMohamadIsmaeel, when you click on the video it is playing the first video from the playlist. This is a playlist url and the video in the picture is the 23rd video in the playlist. So when you click it does not play the 23rd video but the first video from the playlist. And please keep in mind that if you just put a single video link it is working as expected.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Video freeze/stuck after switching to another video multiple times
I have used react native ExoPlayer. Expected behavior. I want my app plays videos without freezing on switching another video. Platform. Which ...
Read more >
React player - how to avoid double network requests when I ...
Almost everything is good, the video starts from 30 seconds, but I got double network request to achieve that. Network looks like this...
Read more >
A comprehensive guide to video playback in React
To begin playback, the video player requests a manifest file from the server which lays out the details about the requested video such...
Read more >
React & React Native Video Playback: Simple Guide
Video players use ABS (Adaptive Bitrate Streaming) to switch between different levels of video quality while downloading chunks.
Read more >
MediaDevices.getUserMedia() - Web APIs | MDN
The following requests both audio and video without any specific ... The above will return the camera you requested, or a different camera ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found