How to add a video as a background

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.

1 Like

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

5 Likes

Hello,

I gave it a go, but the background goes white rather than looping the images.

I named the images giphy-1,-2,-3 etc… is this correct?

1 Like

You are using thunkable x. I dont know how it works there.

1 Like

Hello,

I have tried using 20 images to create a background video using the following:

I have named the files giphy-1, -2, -3 etc.

Unfortunatley all I get is a blank white background. Any ideas?

1 Like

Hi @mauk,

I’d assume your variable is just called “frame” rather than “global frame”

Try using something like the following:

28

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?

1 Like

What duration are you using for your timer?

1 Like

I have tried quite a few settings in milliseconds, however it just makes it flash rather than a fluid video.

1 Like

somewhere between 30 and 50 ms should be ideal, I think.

1 Like

Thanks for your prompt replies.

I set it, however it flashes with white intervals. Am I missing something?

1 Like

Are you live testing by any chance?

I’m using the thunkable app :slight_smile:

1 Like

Try installing it and see if the flickering persists.

1 Like

Just installed it and it does the same as the Thunkable app. Flickering white.

1 Like

Try 10 milliseconds.

1 Like

Unfortunatley still does the same in the installed app and thunkable app.

Here are the blocks I used:

image

1 Like

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?