programování

Jak u Divi šablony upravit preloader pro načtení videa na pozadí

Pokud používáte v Divi šabloně video na pozadí, tak než se video stáhne a začne přehrávat, může to chvíli trvat.

V tomto článku si ukážeme tip, jak upravit tento preloader videa na barvu nebo třeba i obrázek na pozadí. Jakmile se video na pozadí stáhne, automaticky dojde k nahrazení dočasného pozadí a video se začne přehrávat.

Bude k tomu stačit drobný snippet, který vložte jako vlastní CSS do child šablony nebo přes sekci Přizpůsobit.

Zobrazení barevného pozadí jako preloader pro video

.et_pb_preload:before {
background: #000!important; /* zde si upravte barvu */
top: 0!important;
bottom: 0!important;
left: 0!important;
right: 0!important;
width: auto!important;
height: auto!important;
}

Zobrazení barevného pozadí jako preloader pro video

.et_pb_preload:before {
background: url(https://www.vasweb.cz/wp-content/uploads/2024/05/obrazek-podvideo.jpg) center center no-repeat!important; /* zde si upravte odkaz na video */
background-size:cover!important;
top: 0!important;
bottom: 0!important;
left: 0!important;
right: 0!important;
width: auto!important;
height: auto!important;
}

NÁVODY | TIPY | NOVINKY

NÁVODY | TIPY | NOVINKY

Nechte si zasílat nové články o šabloně Divi přímo do e-mailu.

You have Successfully Subscribed!

Sdílej