# Is it posible to insert an animation instead of the usuar loading one?

**URL:** <https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822>\
**Category:** Ask for Help\
**Tags:** custom-code\
**Created:** [August 23, 2024, 7:32pm UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822 "2024-08-23T19:32:46Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alan8a](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@Alan8a](https://community.glideapps.com/u/Alan8a)\
**Post date:** [August 23, 2024, 7:32pm UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/1 "2024-08-23T19:32:46Z")

</div>

A client has snet me a JSON that is an aanimation he wants for when anything is loading. I was just wondering if it was possible for me implement it in my Glide app

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 24, 2024, 12:01am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/2 "2024-08-24T00:01:28Z")

</div>

It depends on how you define “loading”. If it’s something you can control in your data, then yes.

For example, a button is clicked, and a webhook is triggered. You can have a loading GIF on the screen until the value is sent back.

In some more cases, let’s say when the app is initially loaded, you can not change that loading animation, or when the wait action is triggered as well.

---

<div class="post-metadata">

**Author:** ![Alan8a](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@Alan8a](https://community.glideapps.com/u/Alan8a)\
**Post date:** [August 24, 2024, 12:17am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/3 "2024-08-24T00:17:47Z")

</div>

Alright thank you. That leads me to two questions.  
1.- How can i Upload a Gif that keeps its animation? Just like any other photo?  
2.- Is there a way for me two put an embeded video url and for me to no necessarily press play o in for it to play? like for it to keep on running indefinately without the anyone clicking it

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 24, 2024, 6:46am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/4 "2024-08-24T06:46:07Z")

</div>

> [@Alan8a](#):
>
> How can i Upload a Gif that keeps its animation? Just like any other photo?

Yes, that’s correct.

> [@Alan8a](#):
>
> Is there a way for me two put an embeded video url and for me to no necessarily press play o in for it to play? like for it to keep on running indefinately without the anyone clicking it

I don’t think autoplay is possible, but if you put a GIF in an image component then I believe it would work that way.

---

<div class="post-metadata">

**Author:** ![Marc-Olivier](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@Marc-Olivier](https://community.glideapps.com/u/Marc-Olivier)\
**Post date:** [August 24, 2024, 10:03am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/5 "2024-08-24T10:03:46Z")

</div>

Hi @Alan8a  
2- I had that problem for the autoplay and for a youtube video, you need to add a query parameter at the end of the url &autoplay=1 to make it play without having to press any button.  
Try this for instance : [https://www.youtube.com/embed/OSayp2tArqA?si=kt7lUDP8-Inkve0v&autoplay=1](https://www.youtube.com/embed/OSayp2tArqA?si=kt7lUDP8-Inkve0v&autoplay=1)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 24, 2024, 2:56pm UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/6 "2024-08-24T14:56:07Z")

</div>

What browser did you test this on? I’m testing on Arc and it doesn’t work.

The autoplay trick did work like 4-5 years ago when we were still on Classic, but it has not worked for me since maybe 3 years ago.

---

<div class="post-metadata">

**Author:** ![Marc-Olivier](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@Marc-Olivier](https://community.glideapps.com/u/Marc-Olivier)\
**Post date:** [August 24, 2024, 3:55pm UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/7 "2024-08-24T15:55:14Z")

</div>

Works on chrome that’s where I tested it … and it works fine

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 25, 2024, 12:52am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/8 "2024-08-25T00:52:22Z")

</div>

Weird, I tried everything and it doesn’t work on my end 😅

---

<div class="post-metadata">

**Author:** ![Alan8a](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@Alan8a](https://community.glideapps.com/u/Alan8a)\
**Post date:** [August 25, 2024, 2:07am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/9 "2024-08-25T02:07:51Z")

</div>

Thanks to both of you I really appreciate the help

---

<div class="post-metadata">

**Author:** ![Marc-Olivier](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@Marc-Olivier](https://community.glideapps.com/u/Marc-Olivier)\
**Post date:** [August 25, 2024, 9:04am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/10 "2024-08-25T09:04:58Z")

</div>

That’s really weird! Do you have ad block or unlock? 😅

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 25, 2024, 9:16am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/11 "2024-08-25T09:16:28Z")

</div>

> [@I really miss the option to autoplay video in the media component](https://community.glideapps.com/t/i-really-miss-the-option-to-autoplay-video-in-the-media-component/31390/4):
>
> Browsers basically all prevent videos from autoplaying these days, especially with sound on.

> [@(Make TikTok in glide!) Add Autoplay, Loop, and "Mute by default" to Video Component](https://community.glideapps.com/t/make-tiktok-in-glide-add-autoplay-loop-and-mute-by-default-to-video-component/21377):
>
> It would be incredible to have the following options added to the video component: This would open up the possibility for creating something like TikTok or Vine in glide. As well as just some generally great Video UX options.

I checked back and I don’t think people had it working as well.

---

<div class="post-metadata">

**Author:** ![Marc-Olivier](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@Marc-Olivier](https://community.glideapps.com/u/Marc-Olivier)\
**Post date:** [August 25, 2024, 9:44am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/12 "2024-08-25T09:44:52Z")

</div>

I’ll send you the video when I am back home. Maybe it has to do with embed in the link 🤷. I am not familiar with all those queries and their whereabouts.

---

<div class="post-metadata">

**Author:** ![Marc-Olivier](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@Marc-Olivier](https://community.glideapps.com/u/Marc-Olivier)\
**Post date:** [August 25, 2024, 4:40pm UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/13 "2024-08-25T16:40:06Z")

</div>

Hi Thinh, I uploaded the video and here it is. Autoplay works fine.

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/b/bb9b19c6533aa42fed6743541280ed5470a8655a.jpeg "screenK 2024 08 25 à 18 33 42") ](https://www.youtube.com/watch?v=iqzEK6afvI4)

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [August 25, 2024, 5:38pm UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/14 "2024-08-25T17:38:24Z")

</div>

Most browsers do in fact block auto play to some degree. When a page first loads, it will allow one of two things. Either the video does not play at all, or it starts playing with the sound muted.

The one exception is if a user interacts with the page first. In that case, whenever a video is loaded, it is allowed to play with sound.

In your demonstration, you have already interacted with the page before the videos have loaded because you have clicked on a button. (Plus you are inside the builder, so you have already heavily interacted with the page, which is the builder.)

As an example, I have an app that plays audio from an iPad connected to an arena sound system. I built in a feature into the app where I can remote control it from another device to queue up songs, play, pause, etc. If I open the app on the iPad and don’t touch it or interact with it, then try to remote control it from another device, it will play the audio, but it will be muted. For that reason, I need to first tap on something to interact with the main ipad app first.

In your case, you are tapping on a button to load the videos, so that interaction is enough to play the video with audio. I suggest loading the videos by default on the first tab of your app, publish it, then open the published app. The video may start playing, but I would be willing to bet that it’s muted when it starts playing.

Pretty much any website that loads a video or audio by default will start out muted or not playing at all. Most browsers require user interaction first. The point is that browsers are helping to prevent us from being blasted with unwanted audio until we choose to hear it. This is a pretty well documented fact for modern browsers.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [August 25, 2024, 6:05pm UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/15 "2024-08-25T18:05:21Z")

</div>

I once tried creating a video playlist with URI, and it indeed worked on desktop (both audio and video) with Chrome browser using the web embed component. However, it did not work on iPhone mobile devices due to stricter security measures. I have not tested it on other browsers or devices.

---

<div class="post-metadata">

**Author:** ![Marc-Olivier](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@Marc-Olivier](https://community.glideapps.com/u/Marc-Olivier)\
**Post date:** [August 26, 2024, 12:46am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/16 "2024-08-26T00:46:46Z")

</div>

Thanks Jeff for your message and all the precious informations. You are right about working inside the builder, there are sometimes surprises.  
So I gave it a try out of the builder and in private browsing window, cache clean chrome, safari and arc =\> it worked : [https://animations.glide.page](https://animations.glide.page).

But yes, It’s true @Himaladin, it doesn’t work on mobile. I think this is the main issue.  
@ThinhDinh , if you try it, let me know if it works or not on your browser. Thanks  
Marco

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [August 26, 2024, 12:54am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/17 "2024-08-26T00:54:55Z")

</div>

This option is best avoided. Personally, I find it undesirable because, in addition to being disruptive, we must also consider those who may experience anxiety or have heart conditions. It could potentially lead users to mute the sound by closing the tab or exiting the app altogether.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [August 26, 2024, 3:10am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/18 "2024-08-26T03:10:24Z")

</div>

> [@Marc-Olivier](#):
>
> chrome, safari and arc =\> it worked : [https://animations.glide.page](https://animations.glide.page).

But this is still requiring a button press (user interaction with the app). What happens when you directly load the videos without having to press any buttons? I guess that’s the point I’m trying to make. A user has to first do something after the page loads to get audio to be heard. If a sound clip or video starts playing automatically as soon as a page loads without the user doing anything, then the audio will be muted.

Maybe I’m reading into the use case too much, and the desired effect is to first push a button before the video is played. If that’s the case, then apologies.

> [@Marc-Olivier](#):
>
> doesn’t work on mobile

Not sure what you are seeing with mobile vs desktop. I think the video is not available in my region, so it doesn’t load for me.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 26, 2024, 3:56am UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/19 "2024-08-26T03:56:38Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/6/660e902ad5ad5be4cafe07b85439371eecd8fd39.png)

You have another problem here 😅

> [@Jeff\_Hager](#):
>
> But this is still requiring a button press (user interaction with the app). What happens when you directly load the videos without having to press any buttons? I guess that’s the point I’m trying to make. A user has to first do something after the page loads to get audio to be heard. If a sound clip or video starts playing automatically as soon as a page loads without the user doing anything, then the audio will be muted.

And yes, I fully agree with this. I think most of my use cases won’t have the user interact with a button beforehand.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [August 26, 2024, 12:49pm UTC](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822/20 "2024-08-26T12:49:05Z")

</div>

@Jeff_Hager , I’m not sure if this video works on your end, but it does on mine. I’m sure there’s something causing this issue. If I publish with a different URL, the video won’t autoplay. This could be a bug, or there might be something triggering it.

![ScreenRecording2024-08-26at20.10.19-ezgif.com-video-to-webp-converter](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/8/18a176830f9272328db133365b54e70ba0c07e3a.webp)

[Next page](https://community.glideapps.com/t/is-it-posible-to-insert-an-animation-instead-of-the-usuar-loading-one/75822.md?page=2)
