Cannot play videos from Dropbox URLs

[TheOneTheOnlyJJ]

Current Behavior

Giving react-player a Dropbox video URL does not work. The player displays the loading animation and after a few secods, a grey screen appears, with the Play icon being disabled.

Expected Behavior

Giving react-player a Dropbox video URL loads the video from the given URL as it would load a video from a given local path.

Steps to Reproduce

1. Get a shareable Dropbox URL pointing to an .mp4 video file
2. Initialise the player with the above-mentioned URL
3. Start the application and load the page where the video-player resides

Environment

• URL attempting to play: Dropbox URL in the following format: https://www.dropbox.com/scl/fi/<token>/video.mp4?rlkey=<token>&dl=1
• Browser: Tested both Edge & Chrome
• Operating system: Windows 10

Other Information

I have already read #379 and looked at the current player code, which treats Dropbox URLs separately from any other file URLs. I have tried modifying the Dropbox URL in the following ways:

• Change the dl=1 parameter at the end of the URL to dl=0, or completely remove it
• Add the raw=1 parameter at the end of the link, with and without the dl parameter, both dl=0 & dl=1
• Change the scl/fi to s following the domain name: https://www.dropbox.com/s/...

None of the modified URLs produced different behaviour.

react-player

[TheOneTheOnlyJJ]

Update: I got it to work. The cause of the problem was the video encoding format my videos used, not the handling of the Dropbox links themselves.