Streaming live at 10am (PST)

HTML5 Video Error on Safari


On a collection template page I’ve created an auto playing background video, but on Safari the video doesn’t show up. The video is hosted on Dropbox.

Link to the page:

And here is the Read-Only link to the project:

The video and poster is added through the collection field, and I’ve listed the links to those below as well.
Here is the code for the video:

<video autoplay muted loop playsinline id="myVideo" poster="[Background Video Poster]">
  <source src="[Background Video]" type="video/mp4">
  Your browser does not support HTML5 video.

#myVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;

From the collection page:

[Background Video Poster]:

[Background Video]:

Any advice is appreciated!

dl=1 isnt actually correct.
Even though lots of posts say it is.
There is another parameter to use and its not dl=0

But I tought dl=1 worked fine? I can see the video on other browser. But if that isn’t correct, and not dl=0, then what should I use?