We are aware of the issue with the badge emails resending to everyone, we apologise for the inconvenience - learn more here.

Forum Discussion

yarkinzhan's avatar
yarkinzhan
Explorer | Level 4
2 years ago

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 🙏

Mobile
Preview
View
Web
  • Walter's avatar
    Walter
    Icon for Dropbox Staff rankDropbox Staff
    2 years ago

    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!

    • yarkinzhan's avatar
      yarkinzhan
      Explorer | Level 4
      2 years ago

      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's avatar
        Megan
        Icon for Dropbox Staff rankDropbox Staff
        2 years ago

        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. 

  • Dan T.20's avatar
    Dan T.20
    Explorer | Level 4
    10 months ago

    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)

About View, download, and export

Need support with viewing, downloading, and exporting files and folders from your Dropbox account? Find help from the Dropbox Community.

Need more support

If you need more help you can view your support options (expected response time for an email or ticket is 24 hours), or contact us on X or Facebook.

For more info on available support options for your Dropbox plan, see this article.

If you found the answer to your question in this Community thread, please 'like' the post to say thanks and to let us know it was useful!