# Image/video component

**URL:** <https://community.thunkable.com/t/image-video-component/19815>\
**Category:** Questions about Thunkable X\
**Tags:** image, components, video\
**Created:** [March 17, 2018, 7:26pm UTC](https://community.thunkable.com/t/image-video-component/19815 "2018-03-17T19:26:56Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![User81](https://avatars.discourse-cdn.com/v4/letter/u/ba9def/32.png) [@User81](https://community.thunkable.com/u/User81)\
**Post date:** [March 17, 2018, 7:26pm UTC](https://community.thunkable.com/t/image-video-component/19815/1 "2018-03-17T19:26:56Z")

</div>

Dear developers,

very nice, that the image component in iOS thunkable is capable of showing GIF files 👏 . I use cloudinary for storing and processing of images and videos.

There are people, who say, that GIF is actually too old and mp4 or webm is much better. Will you go towards these video formats and make a component to show videos or will you stick to GIF (cloudinary can produce both)? - This is important for me to plan my app concept.

No hurry, Thanks in advance,  
Cheers, User81

---

<div class="post-metadata">

**Author:** ![User81](https://avatars.discourse-cdn.com/v4/letter/u/ba9def/32.png) [@User81](https://community.thunkable.com/u/User81)\
**Post date:** [July 14, 2018, 10:45pm UTC](https://community.thunkable.com/t/image-video-component/19815/2 "2018-07-14T22:45:14Z")

</div>

Video player in thunkable classic can handle mp4 from cloudinary.

Unfortunely, the thunkable X webviewer cannot show these mp4. Has anybody a solution for playing mp4 on thunkable X?

GIF can be played by the webviewer, but is approximately 20 times larger

thanks for your help!

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 15, 2018, 6:53am UTC](https://community.thunkable.com/t/image-video-component/19815/3 "2018-07-15T06:53:42Z")

</div>

Hi,

If you give me a link to any .mp4 file that you do not play in WebViewer in Thunkable X, then I’ll try to see the solution to this issue.

Try the test link

`https://www.quirksmode.org/html5/videos/big_buck_bunny.mp4`

Does WebViewer on your device play this file?

---

<div class="post-metadata">

**Author:** ![User81](https://avatars.discourse-cdn.com/v4/letter/u/ba9def/32.png) [@User81](https://community.thunkable.com/u/User81)\
**Post date:** [July 15, 2018, 9:11am UTC](https://community.thunkable.com/t/image-video-component/19815/4 "2018-07-15T09:11:11Z")

</div>

> [@actech](#):
>
> your device play this file?

Hi actech,

Your help is highly appreciated! Unfortunely, the link to the big\_buck\_bunny.mp4 shows the same result like my link: ([http://res.cloudinary.com/geheimtipp/video/upload/c\_fill,h\_512,w\_512/v1531061173/oxdxmtafipihpvzaqxgo.mp4](http://res.cloudinary.com/geheimtipp/video/upload/c_fill,h_512,w_512/v1531061173/oxdxmtafipihpvzaqxgo.mp4))

**Error loading page**  
Domain: WebKitErrorDomain  
Error Code: 204  
Description: Plug-in handled load

Iphone 4s, iOS 9.3.5

Thanks in advance,

User81

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 15, 2018, 9:26am UTC](https://community.thunkable.com/t/image-video-component/19815/5 "2018-07-15T09:26:20Z")

</div>

You are right, WebViewer displays an error, but on iOS 10.3 (iPhone5) after that the system player is opened and the file is played, and on iOS 11.4 the playback occurs in WebViewer without error.

I correctly understand that on your Iphone 4s, iOS 9.3.5 system player does not appear?

Try playing around with the WebViewer.allowsInlineMediaPlayback property.

Try to open my link in an external browser using the “open link” block. This way you also do not play the file?

---

<div class="post-metadata">

**Author:** ![User81](https://avatars.discourse-cdn.com/v4/letter/u/ba9def/32.png) [@User81](https://community.thunkable.com/u/User81)\
**Post date:** [July 15, 2018, 9:29am UTC](https://community.thunkable.com/t/image-video-component/19815/6 "2018-07-15T09:29:36Z")

</div>

> [@actech](#):
>
> This way you also do not play the file?

Thanks!! Great solution, now it plays the file without problem in the webviewer window 😀

---

<div class="post-metadata">

**Author:** ![User81](https://avatars.discourse-cdn.com/v4/letter/u/ba9def/32.png) [@User81](https://community.thunkable.com/u/User81)\
**Post date:** [July 15, 2018, 9:34am UTC](https://community.thunkable.com/t/image-video-component/19815/7 "2018-07-15T09:34:26Z")

</div>

the strange thing is, now I cannot reproduce the error, no matter which option is enabled or disabled!  
Maybe some kind of bug.

As solution I think of the following:

Go to Webviewer advanced tab-\> to the bottom

Disable all the 6 following options:

ScrollEnabled  
AutomaticallyAdjustContentInsets  
StartInLoadingState

ScalesPageToFit  
AllowsInlineMediaPlayback  
MediaPlaybackRequiresUserAction

Enable all of them.

🤗

Thankgs to @actech for brilliant solution

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:01pm UTC](https://community.thunkable.com/t/image-video-component/19815/8 "2024-11-08T12:01:15Z")

</div>


