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.