# How to add a video as a background **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [March 13, 2019, 4:02pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196 "2019-03-13T16:02:47Z")\ **Posts on this page:** 19\ **Page:** 1
**Author:** ![mauk](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@mauk](https://community.thunkable.com/u/mauk)\ **Post date:** [March 13, 2019, 4:02pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/1 "2019-03-13T16:02:47Z")
Is it possible to have a video or a gif playing as if it was a background image? I have checked similar topics and cannot find anything. ---
**Author:** ![Peter\_Mathijssen](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/peter_mathijssen/32/7493_2.png) [@Peter\_Mathijssen](https://community.thunkable.com/u/Peter_Mathijssen)\ **Post date:** [March 13, 2019, 4:10pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/2 "2019-03-13T16:10:29Z")
Use a animated gif. Extract it into separate png files. You can do that online if you want. Then use a clock and change the image every tenth of a second. In this case it contains 35 images and every time the file is changed. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/d/cd32a1fccdd30d8e5b65c7436aa7831073ae5268.png) ---
**Author:** ![mauk](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@mauk](https://community.thunkable.com/u/mauk)\ **Post date:** [March 20, 2019, 9:30am UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/3 "2019-03-20T09:30:51Z")
Hello, I gave it a go, but the background goes white rather than looping the images. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/4/e496fb9431d4c7176fe6361f272045e33cac16cd.png) I named the images giphy-1,-2,-3 etc… is this correct? ---
**Author:** ![Peter\_Mathijssen](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/peter_mathijssen/32/7493_2.png) [@Peter\_Mathijssen](https://community.thunkable.com/u/Peter_Mathijssen)\ **Post date:** [March 20, 2019, 12:12pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/4 "2019-03-20T12:12:08Z")
You are using thunkable x. I dont know how it works there. ---
**Author:** ![mauk](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@mauk](https://community.thunkable.com/u/mauk)\ **Post date:** [March 20, 2019, 12:24pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/5 "2019-03-20T12:24:08Z")
Hello, I have tried using 20 images to create a background video using the following: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/4/e496fb9431d4c7176fe6361f272045e33cac16cd.png) I have named the files giphy-1, -2, -3 etc. Unfortunatley all I get is a blank white background. Any ideas? ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [March 20, 2019, 2:22pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/6 "2019-03-20T14:22:27Z")
Hi @mauk, I’d assume your variable is just called “frame” rather than “global frame” Try using something like the following: ![28](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/a/0aa448deb47ebe959667903694e574dca9d9f008.png) ---
**Author:** ![mauk](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@mauk](https://community.thunkable.com/u/mauk)\ **Post date:** [March 20, 2019, 3:00pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/7 "2019-03-20T15:00:14Z")
Hi @domhnallohanlon, I added in your suggestions, however the image just flashes. Is there a way to make the image swap so it appears like a video? ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [March 20, 2019, 3:01pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/8 "2019-03-20T15:01:32Z")
What duration are you using for your timer? ---
**Author:** ![mauk](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@mauk](https://community.thunkable.com/u/mauk)\ **Post date:** [March 20, 2019, 3:08pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/9 "2019-03-20T15:08:11Z")
I have tried quite a few settings in milliseconds, however it just makes it flash rather than a fluid video. ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [March 20, 2019, 3:09pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/10 "2019-03-20T15:09:50Z")
somewhere between 30 and 50 ms should be ideal, I think. ---
**Author:** ![mauk](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@mauk](https://community.thunkable.com/u/mauk)\ **Post date:** [March 20, 2019, 3:12pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/11 "2019-03-20T15:12:38Z")
Thanks for your prompt replies. I set it, however it flashes with white intervals. Am I missing something? ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [March 20, 2019, 3:33pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/12 "2019-03-20T15:33:30Z")
Are you live testing by any chance? ---
**Author:** ![mauk](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@mauk](https://community.thunkable.com/u/mauk)\ **Post date:** [March 20, 2019, 3:37pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/13 "2019-03-20T15:37:29Z")
I’m using the thunkable app 🙂 ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [March 20, 2019, 3:55pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/14 "2019-03-20T15:55:21Z")
Try installing it and see if the flickering persists. ---
**Author:** ![mauk](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@mauk](https://community.thunkable.com/u/mauk)\ **Post date:** [March 20, 2019, 4:04pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/15 "2019-03-20T16:04:55Z")
Just installed it and it does the same as the Thunkable app. Flickering white. ---
**Author:** ![Peter\_Mathijssen](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/peter_mathijssen/32/7493_2.png) [@Peter\_Mathijssen](https://community.thunkable.com/u/Peter_Mathijssen)\ **Post date:** [March 20, 2019, 4:21pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/16 "2019-03-20T16:21:05Z")
Try 10 milliseconds. ---
**Author:** ![mauk](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@mauk](https://community.thunkable.com/u/mauk)\ **Post date:** [March 20, 2019, 4:35pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/17 "2019-03-20T16:35:01Z")
Unfortunatley still does the same in the installed app and thunkable app. Here are the blocks I used: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/a/6a0b0bd0d31f0c0190acdaf91ea9cc486f2dd1e1.png) ---
**Author:** ![mauk](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@mauk](https://community.thunkable.com/u/mauk)\ **Post date:** [March 20, 2019, 5:28pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/18 "2019-03-20T17:28:30Z")
Managed to fix it @domhnallohanlon, @Peter_Mathijssen, It was a clash of millisecond settings between the blocks and the design timer. The only thing left that’s an issue is that at the end of the gif, it goes white and then restarts. Is there something I could add to stop this happening? ---
**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:16pm UTC](https://community.thunkable.com/t/how-to-add-a-video-as-a-background/72196/19 "2024-11-08T12:16:00Z")