Background color during the loading time of a video background

Hello,

On the first section of my website, I had two background layers. The first one is a video, and the second one is a colore with light opacity. When it loads, you can first only see the second layer and then the video appears. It makes it in a light grey color for a short time and this is not so nice.

How can I have another color (the same as the main background of the video) during the loading time? I tried to add the color in the first layer as well, but I guess having the second laywer stop it from working.

How can I fix this?

URL: https://lecoqdigital.fr/

Thanks,
Antoine

Hey Antoine,

Because you already are using the 2 background options of the section, your last option would be to use CSS to add a solid background color to your section. Please add the code below to your Section’s Inline CSS. Change the hex code to the exact color of your video.

background: #004985;

Hope that helps.

Thank you, this is exactly what I needed :slight_smile:

1 Like