You might see that the Dropbox Community team have been busy working on some major updates to the Community itself! So, here is some info on what’s changed, what’s staying the same and what you can expect from the Dropbox Community overall.
Forum Discussion
Embed video code. video not playing on iPhone (Safari, Chrome)
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 🙏
- Walter
Dropbox Staff
Hey yarkinzhan, sorry to hear about this.
Can you please let us know if this persists after clearing the browser's cache or on a private/incognito window?
If it does, you could try requesting the desktop version of the site as well.
Keep us posted anyhow!
Hey @Walter!
Thank you for your reply.
Of course, we cleared cookies and caches, use the private mode too and tried it on various apple devices.Video does not play in chrome and safari mobile browsers.
But as I said earlier, the desktop version and mobile browsers on Android are no problem.
What can I do in this situation?
- Megan
Hi yarkinzhan, can you check if you can preview the Dropbox link dl=0, using an iOS browser on your end without an issue?
If not, feel free to send me a screenshot of what you see on your end, in order for me to have a visual too.
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)
