Solo video HTML Appare sul ridimensionamento della finestra

Question

Sto provando a utilizzare l'estensione jQuery vide.js per aggiungere uno sfondo video a uno dei miei div. Il codice per il video div è la seguente:

<div id="header" data-vide-bg="mp4: graphics/videos/identity.mp4, webm: graphics/videos/identity.webm, ogv: graphics/videos/identity.ogv, poster: graphics/videos/equations.png" data-vide-options="posterType: 'detect', loop: true, muted: true, position: 0% 0%"> 

Funziona a volte, ma se la cache del browser viene cancellata e la pagina viene aggiornata (Ctrl/cmd + shift + R in Chrome), il video non mostra fino a quando la finestra del browser non viene ridimensionata.

Ho anche provato a utilizzare jQuery per aggiungere il video al div al livello di programmazione, senza alcun risultato.

È possibile vedere il problema in diretta a this address.

Answer 1

Per quanto posso vedere, <video> elemento non raccoglie la sua altezza correttamente .. impostazioni stili in CSS per altezza: 100% risolverà il problema