Video stream isn't closed on Player component removal

[bdvorianov]

Current Behavior

Video stream isn't closed when we stop player and remove component.

Expected Behavior

Component either closes the stream on removal phase or has the method for this.

Steps to Reproduce

1. Open player with video stream and remove component.
2. Check in network that stream still fetches the video.

Environment

Nothing special about environment. Current machine I have this one is: MacBook Pro M1, Chrome. But this can be found on demo page of this project as well. UPD. It occurs with FLV.

[kutuzovpetia]

Have the same behaviour, this seem critical

[Knyazik01]

faced this issue for flv format

[DevTakao]

Having the same issue with webm-format HTTP streams. The connection doesn't close even if I reset the url to empty state inside useEffect() return as an unmount cleanup.

[hellofrontendxxx]

I have the same problem, has anyone fixed this?

[alolis]

Any luck with this?

[knewman23]

Also having the same issue

[knewman23]

Setting the src on the video element seems to work as a workaround, we were using this in a modal so we set the src on close

onClose={() => {
       // try to stop an MP4 video from playing when the modal closes
       // react-player doesnt have a way to pass id so we get the video tag here
       const videoElem = hdVideoRef?.current?.wrapper?.lastChild;
       if (videoElem && videoElem.src) {
           videoElem.src = '';
       }
    ...
}}