Bir video etiketinin içine dikey olarak video yerleştirme

Question

Video etiketinin içinde bir videoyu dikey olarak nasıl ortalarsınız? Şu anda video gömme üst ve alt kısım kesiliyor. Yapmak istediğim videonun ortasında video kabının ortasında yer almak. Videonun yüksekliği, tarayıcı küçüldükçe yanıt verdiğinden dolayı değişecektir. İşte benim kod:

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

Bu üç satır yapmalıdır:

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

eğer çalışırsa :)

haber ver