Child Item

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:

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 🙏

Find more posts tagged with

View

Mobile

Web

Preview

OffTopic

Closed - Not for right now

Comments

Walter

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

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.

yarkinzhan

Hey @Megan @Walter !

Ok, let me show you the situation in more detail.

I embed video code into the Readymag project (plan - studio, all options are activated)

Video: mp.4 / 264 (2.7 Mb)

Also tried .mov

I tried 6 different versions of the code (see attachment), with all iterations - iPhone (Chrome / Safari) everything shows the PLAY icon (autoplay does not start) and after pressing PLAY the video does not play. (see attachment).

Any ideas?

Thanks in advance 🙏

yarkinzhan

Hi, @Megan @Walter

Important note!
If I try to open a link on iPhone (safari, chrome) I see an error (see attachment)

yarkinzhan

@Megan @Walter

I mean if I copy the link into the browser window:

https://www.dropbox.com/s/0acg085wlvdpfti/spaten_identity.mp4?dl=0
Then the player window opens in the browser and the video is played

but if I copy the link to the browser window:
https://www.dropbox.com/s/0acg085wlvdpfti/spaten_identity.mp4?raw=1
then the player is displayed and when you click on PLAY, the error shown above.

Perhaps this information will be useful for resolving the issue?

BenDBX

Hi @yarkinzhan

We're having a bit of trouble reproducing this issue on our end. I ran this by a colleague who was able to view the video you linked on an iPhone.

I have received word from another team member that embedding videos like this isn't supported at this time. which explains the inconsistency across platforms. While I can't make any guarantees or provide an ETA, it is a feature that we are investigating.

Regards,

Ben

yarkinzhan

Hey @BenDBX !

Yeah, not very cool ((

Is there really no alternative code that will solve the problem?

amandachin

Hi @yarkinzhan ,

I'm Amanda, a product manager at Dropbox. Our team is investigating video embedding, and would love to learn more about your use case! (For example, what are the videos about? Who are you sharing these videos with? How many people do you expect view your videos?) Any information you can share would be extremely helpful!

If you're also open to a chat, we could set one up in the coming weeks. 🙂

Best,

Amanda

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&dl=1
to https://dl.dropboxusercontent.com/scl/fi/nai9ek3ssssbz53ctjivenolt/sdsddss_20230926_203135.mp4?rlkey=sasaa&dl=1

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).

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