Centratura verticale del video all'interno di un tag video

Question

come si centra verticalmente un video all'interno di un tag video? attualmente il video è a filo superiore e il fondo si sta tagliando. quello che mi piacerebbe fare è che la metà del video si trovi nel mezzo del contenitore del video. l'altezza del video varia in quanto è reattiva in modo che il browser si riduca, così come il video. qui è il mio codice:

html

<div id="video-wrap"> 
    <video preload="auto" autoplay loop muted> 
     <source type="video/mp4" src="video.mp4"> 
    </video> 
</div> 

css:

#video-wrap { 
    width: 100%; 
    height: 400px; 
    overflow: hidden; 
} 

Answer 1

Queste tre linee dovrebbero fare:

video{ 
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 
} 

farmi sapere se funziona :)