Can't embed dropbox videos after June 2023

CGFX-Studio commented 1 year ago

Bug description

Dropbox URL is change from June 2023. Please someone tell me how to embed the video to website. This is the link. https://www.dropbox.com/scl/fi/4vrzdjnk7i0wuihl3pzud/Video.mp4?dl=0&rlkey=6ckf190r0jiljtnech4bym1b0

Steps to reproduce

Upload a video to dropbox
Copy the Share URL https://www.dropbox.com/s/s7cffdll62ojsy1/local-video.mp4?dl=0
Use the video shortcode to load this mp4 via VideoJS {{< video https://www.dropbox.com/s/s7cffdll62ojsy1/local-video.mp4?dl=0 >}}

Expected behavior

As before the video loads via the VideoJS snippet.

Actual behavior

The video doesn't load and shows a The media could not be loaded, either because the server or network failed or because the format is not supported. error.

Your environment

Mac

Quarto check output

❯ quarto check

[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.1.2: OK
      Dart Sass version 1.55.0: OK
      Deno version 1.33.2: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 99.9.9
      Path: /Users/amanning/projects/github/quarto/quarto-cli/package/dist/bin

[✓] Checking basic markdown render....OK

[✓] Checking Python 3 installation....OK
      Version: 3.11.2
      Path: /Library/Frameworks/Python.framework/Versions/3.11/bin/python3
      Jupyter: 5.2.0
      Kernels: julia-1.8, julia-1.7, python3

[✓] Checking Jupyter engine render....OK

[✓] Checking R installation...........OK
      Version: 4.2.1
      Path: /Library/Frameworks/R.framework/Resources
      LibPaths:
        - /Library/Frameworks/R.framework/Versions/4.2/Resources/library
      knitr: 1.42
      rmarkdown: 2.20

[✓] Checking Knitr engine render......OK

allenmanning commented 1 year ago

It seems that Dropbox has made a change where they aren't exposing the Raw video files as before so using VideoJS to load them isn't working. This third-party change limits us. It seems to move forward we need a durable URL to the raw video file as before or a durable snippet to use from Dropbox (like we do with youtube).

allenmanning commented 1 year ago

I'm moving to Future for now, when we become unblocked we can pull it forward.

CGFX-Studio commented 1 year ago

That is an example of the link. Old link was : https://www.dropbox.com/s/4vrzdjnk7i0wuihl3pzud/Video.mp4?dl=0 We had to replace the "dl=0" to "raw=1" to play the video on website, but dropbox changed the link now. Like this : https://www.dropbox.com/scl/fi/4vrzdjnk7i0wuihl3pzud/Video.mp4?dl=0&rlkey=6ckf190r0jiljtnech4bym1b0

This link is can't embed.

allenmanning commented 1 year ago

How did you get that link from the drop-box UI?

CGFX-Studio commented 1 year ago

From "share" button. Problem is new generated links are can't embed.

nikster89 commented 11 months ago

This is working solution:

you need to add raw=1& after the filename

example: https://www.dropbox.com/scl/fi/1hk496a156ga6urc/YOURFILENAME.mp4?raw=1&rlkey=lxo233xhhbcydbj4lsc&dl=0

quarto-dev / quarto-cli