# Video component not playing on IOS device

**URL:** <https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857>\
**Category:** Questions about Thunkable X\
**Tags:** ios, url, video, store-link\
**Created:** [October 6, 2021, 5:45pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857 "2021-10-06T17:45:56Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![expertauthor2020](https://avatars.discourse-cdn.com/v4/letter/e/ce73a5/32.png) [@expertauthor2020](https://community.thunkable.com/u/expertauthor2020)\
**Post date:** [October 6, 2021, 5:45pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/1 "2021-10-06T17:45:56Z")

</div>

There seems to be a problem with using a URL in the video component. We use dropbox to share the link. It works in android but not in IOS. The size is below 50MB and it’s an MP4 format. Is there anything we can do?

Hoping you can help us figure it out. [Thunkable](https://x.thunkable.com/copy/73a1820bb6b23cb6bd6b80581eae5b39)

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 6, 2021, 5:56pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/2 "2021-10-06T17:56:58Z")

</div>

Does it work if you copy the URL and put it direct in Safari?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [October 6, 2021, 6:01pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/3 "2021-10-06T18:01:23Z")

</div>

It does work but it’s a download link:

`https://www.dropbox.com/s/16lpy9n3yd3bdvd/intro.mp4_1.mp4?dl=1`

I think it will need to end in .mp4

**Edit:** yep, it should work with this url:  
`https://www.dropbox.com/s/16lpy9n3yd3bdvd/intro.mp4_1.mp4`

---

<div class="post-metadata">

**Author:** ![expertauthor2020](https://avatars.discourse-cdn.com/v4/letter/e/ce73a5/32.png) [@expertauthor2020](https://community.thunkable.com/u/expertauthor2020)\
**Post date:** [October 6, 2021, 7:16pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/4 "2021-10-06T19:16:49Z")

</div>

> [@tatiang](#):
>
> [Dropbox](https://www.dropbox.com/s/16lpy9n3yd3bdvd/intro.mp4_1.mp4)

Yes, it plays in Safari.

---

<div class="post-metadata">

**Author:** ![expertauthor2020](https://avatars.discourse-cdn.com/v4/letter/e/ce73a5/32.png) [@expertauthor2020](https://community.thunkable.com/u/expertauthor2020)\
**Post date:** [October 6, 2021, 7:17pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/5 "2021-10-06T19:17:35Z")

</div>

Thank you so much. We’ll try it.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 6, 2021, 7:25pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/6 "2021-10-06T19:25:06Z")

</div>

I tried removing `?dl=1` from the URL and it was not working on Android.

If this is the case then the workaround I can think of is

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/f/7f3c81f19b81ec9029811107891135df0faa6fed.png)

Basically check the platform  
if iOS then use the URL ending with `.mp4`  
else use the URL ending with `?dl=1`

---

<div class="post-metadata">

**Author:** ![expertauthor2020](https://avatars.discourse-cdn.com/v4/letter/e/ce73a5/32.png) [@expertauthor2020](https://community.thunkable.com/u/expertauthor2020)\
**Post date:** [October 6, 2021, 7:31pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/7 "2021-10-06T19:31:16Z")

</div>

It’s still not working.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 6, 2021, 7:33pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/8 "2021-10-06T19:33:01Z")

</div>

Did you add the code in the `screen Opens` block?

I updated your project.  
[https://x.thunkable.com/projectPage/615de318ab391e0010e942fb](https://x.thunkable.com/projectPage/615de318ab391e0010e942fb)

Please test and let me know.

---

<div class="post-metadata">

**Author:** ![expertauthor2020](https://avatars.discourse-cdn.com/v4/letter/e/ce73a5/32.png) [@expertauthor2020](https://community.thunkable.com/u/expertauthor2020)\
**Post date:** [October 6, 2021, 7:35pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/9 "2021-10-06T19:35:16Z")

</div>

Yes, I did. Still not playing on IOS. Works fine under an Android device.

---

<div class="post-metadata">

**Author:** ![expertauthor2020](https://avatars.discourse-cdn.com/v4/letter/e/ce73a5/32.png) [@expertauthor2020](https://community.thunkable.com/u/expertauthor2020)\
**Post date:** [October 6, 2021, 7:36pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/10 "2021-10-06T19:36:44Z")

</div>

Hi,

Sorry, the link was set to private. Unable to check it.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 6, 2021, 7:37pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/11 "2021-10-06T19:37:42Z")

</div>

Sorry for that.  
It is public now. Please check.

---

<div class="post-metadata">

**Author:** ![expertauthor2020](https://avatars.discourse-cdn.com/v4/letter/e/ce73a5/32.png) [@expertauthor2020](https://community.thunkable.com/u/expertauthor2020)\
**Post date:** [October 6, 2021, 7:44pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/12 "2021-10-06T19:44:36Z")

</div>

It’s still not working.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 6, 2021, 7:51pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/13 "2021-10-06T19:51:14Z")

</div>

I’ll have to check it tomorrow with my iPhone. I am using the Android now.

I made the blocks according to @tatiang testing that it works on iOS when removing `?dl=1`.

---

<div class="post-metadata">

**Author:** ![expertauthor2020](https://avatars.discourse-cdn.com/v4/letter/e/ce73a5/32.png) [@expertauthor2020](https://community.thunkable.com/u/expertauthor2020)\
**Post date:** [October 6, 2021, 7:57pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/14 "2021-10-06T19:57:14Z")

</div>

Yes, please do update us. Thank you so much for your help.

Looking forward to it.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [October 6, 2021, 8:35pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/15 "2021-10-06T20:35:31Z")

</div>

I’m surprised the original link works on either type of device. [According to Dropbox](https://help.dropbox.com/files-folders/share/force-download), the _dl=1_ parameter causes the video file to be downloaded instead of rendered.

---

<div class="post-metadata">

**Author:** ![darren](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/darren/32/69854_2.png) [@darren](https://community.thunkable.com/u/darren)\
**Post date:** [October 7, 2021, 2:37pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/16 "2021-10-07T14:37:21Z")

</div>

@tatiang The video must be downloaded for the video to play in the player. If you don’t include dl=1, then the url returns a webpage with the video inside of it. The video component is not smart enough to look through any webpage it is passed and returned a video.

The issue for this app, is they will have a lot of videos. How do you dynamically load a video from a url and play it in the app. Uploading all the videos to the app will make it too big.

@muneer Your tweaks do NOT work on my iPhone.

If something works on Android, but not iOS, I call it a bug.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 7, 2021, 2:40pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/17 "2021-10-07T14:40:25Z")

</div>

Thanks for the comment @darren

I know how to load videos from GDrive and make them work from the app but this is my first attempt with DropBox.

---

<div class="post-metadata">

**Author:** ![darren](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/darren/32/69854_2.png) [@darren](https://community.thunkable.com/u/darren)\
**Post date:** [October 7, 2021, 2:43pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/18 "2021-10-07T14:43:12Z")

</div>

Thanks! Please share.

I always have trouble sharing things from Google Drive. 😬

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 7, 2021, 2:50pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/19 "2021-10-07T14:50:25Z")

</div>

> [@darren](#):
>
> I always have trouble sharing things from Google Drive

The idea is simple.  
When you share a file in GDrive it will look like something like this

```auto
https://drive.google.com/file/d/12f9MKR4VbbaMAO7X3l0bktveybYkF6Ql/view?usp=sharing

```

The default format of GDrive shared links does not work in web pages but you can change it by taking the main part of the URL and add to it `/uc?id=` and use the file-id in the URL. The file id is the strings between `/d/` and `/View`. So the link above will turn into:

```auto
https://drive.google.com/uc?id=12f9MKR4VbbaMAO7X3l0bktveybYkF6Ql

```

You will now get a fully functional URL for a file in GDrive.

---

<div class="post-metadata">

**Author:** ![darren](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/darren/32/69854_2.png) [@darren](https://community.thunkable.com/u/darren)\
**Post date:** [October 13, 2021, 1:37pm UTC](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857/20 "2021-10-13T13:37:04Z")

</div>

@expertauthor2020 Can you try Muneer’s suggestion above and use Google Drive to serve the videos instead of Dropbox?

[Next page](https://community.thunkable.com/t/video-component-not-playing-on-ios-device/1547857.md?page=2)
