Aiuto per video in background

Salve,
stavo provando ad impostare come background della homepage del mio sito un video normalmente caricato su altervista.
Il video si chiama sky.mp4 e il codice è il seguente:

CSS:

#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}

HTML:

<video autoplay muted loop id="myVideo">
<source src="sky.mp4" type="video/mp4">
</video>


lo trovate su questa pagina:

www.iis2016delcampogiuseppe.altervista.org

Brevemente, il problema è che quando carico la pagina spunta per qualche attimo il codice html seguente al video, quindi diciamo la homepage in generale, però scompare subito. Qualcuno potrebbe aiutarmi a risolvere il problema in modo che il video continui a girare sotto la homepage, ma il contenuto non scompaia?
Grazie in anticipo

Codice:

---

#myVideo {
z-index: -1;
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}

---

Ciao!

Citazione:

---

Originalmente inviato da alemoppo

Codice:

---

#myVideo {
z-index: -1;
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}

---

Ciao!

---

Grazie infinite!
Puoi spiegarmi brevemente a cosa serve z-index?

Semplicemente imposta l'ordine degli elementi: una z-index più elevata sarà "in primo piano" rispetto un elemento con z-index più bassa.

Se vuoi altre info cerca pure online ma più o meno è tutto qua.

Ciao!