Embed video code. video not playing on iPhone (Safari, Chrome)

[yarkinzhan]

Hi, Dropboxcommunity!
I have the following problem:

I embed the code on the website to play the video:

<video width='100%' autoplay='true' playsinline='' loop='true' muted='true\'>
<source src='https://www.dropbox.com/s/0acg085wlvdpfti/spaten_identity.mp4?raw=1' type='video/mp4'> </video>

1. Everything works fine on desktop
2. On mobile devices on Android, it is also ok
3. On the iPhone, it does not play (chrome / safari)

Has anyone been in a similar situation?
Thanks in advance 🙏

[tparaizo]

Solution:
On the iPhone, browsers, especially Safari, use the bayte range "mechanism" to load media (videos and images, for example). The default dripobox file sharing urls do not allow this type of call. I spent a long time with the same problem, and the solution is very simple:
Change the sharing url from "www.dropbox.com" to "dl.dropboxusercontent.com".
Ex:
URL: https://www.dropbox.com/scl/fi/nai9ek3ssssbz53ctjivenolt/sdsddss_20230926_203135.mp4?rlkey=sasaa&amp...
to https://dl.dropboxusercontent.com/scl/fi/nai9ek3ssssbz53ctjivenolt/sdsddss_20230926_203135.mp4?rlkey...

Do this for videos and images, and everything should work fine in Safari, and in other browsers (Android, PC, etc.).

[Walter]

Hey @yarkinzhan - sorry for the nudge here, but did @tparaizo's suggestion work out for you? 

[Dan T.20]

For anyone else having this issue, I have found a solution that works for me. The problem seems to be IOS wants to play videos full screen by default. Adding the "playsinline" command forces it to stay small.

In my case, I wanted a video that autoplays and loops without controls, but you can adjust your commands to suit (see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video).

<video webkit-playsinline playsinline width="100%" height="auto" muted autoplay loop>
<source src="INSERT YOUR DROPBOX LINK HERE (see below)">
</video>

The native dropbox link should be modified in the following way:

1. www.dropbox.com replaced with dl.dropboxusercontent.com

2. &dl=0 replaced with &dl=1 or &raw=1 (both seem to work)

[Arismendy lorenzo]

Hola buenos días bueno no sé cómo agradecer primeramente a dios y. Lugo a estas aplicacion pone. Me es sacado de un fuerte apuro