Hogyan lehetne ezt megoldani? HTML+CSS

A weboldalamon amikor betölt a képernyő egy video jelenik meg a hátterben.

A probléma ott van, hogy amint eltűnik a loader akkor bevillan egy fehér képernyő amin nem látszanak a feliratok mert azok is fehérek aztán tölt be a video. Azt szeretném, hogy ez a fehér képernyő fekete legyen. Viszont ha feketére állítom a background-color: black; akkor nem tölt be a video a háttérben.

HTML:

<!-- home section start -->

<div class="vide" data-vide-bg="aurora.mp4">

<section class="home" id="home">

<div class="max-width">

<div class="home-content">

<div class="text-1">Hello, my name is</div>

<div class="text-2">Feri</div>

</div>

</div>

</section>

</div>

CSS:

.home{

display: flex;

height: 100vh;

color: #fff;

min-height: 500px;

background-size: cover;

background-attachment: fixed;

font-family: 'Ubuntu', sans-serif;

}