Dropbox link not working on Iphone but is on Android

Design help General
1

Hi,

I am working on a site which includes some videos hosted on Dropbox.

They appear to work fine on desktop and my android but not on iphones on chrome or safari. They show up but they don’t play. This is my code -

 <video autoplay="" muted="" loop="" data-origwidth="0" data-origheight="0" style="  width: 100%;height: auto;">
<source src="http://dl.dropboxusercontent.com/s/**mylink-embargo**.mp4?&raw=1" type="video/mp4"></video>

Can anyone help? They need to be a link and embed because I need them to scale with the window otherwise I could use the background link.

Tried dropping the S from the Https and swapping the raw=1 for dl=1 or dl=0 and with and without the ? but so far not working…

I am guessing because we can see them on desktop it means that there is nothing wrong with the dropbox link and permissions.

Any ideas why and what else I can try.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

It could be that your phone is in low power mode, which will stop videos from autoplaying.
Try turning off low power mode and refresh the page?

You will should use the https:// link, otherwise it most likely will cause other issues.

3

I have tried a few three phones iphones so i don’t think it is the lower power mode - unless that is standard default mode on an iphone. I don’t have an iphone which also makes this bug tricky to fix!

4

Hey! I think you’re right. Sounds like something else!

I know I’ve had issues before with trying to link to files from Dropbox in code like this.

It could be a file size issue as well? how large is the file?