video định tâm theo chiều dọc bên trong thẻ video

Question

làm cách nào để căn giữa theo chiều dọc một video bên trong thẻ video? hiện tại video đang ở trên đỉnh và phần dưới bị cắt. những gì tôi muốn làm là giữa video nằm ở giữa vùng chứa video. chiều cao của video sẽ thay đổi bởi vì nó đáp ứng để trình duyệt trở nên nhỏ hơn nên video đó. đây là mã của tôi:

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

Ba dòng nên làm:

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

Hãy cho tôi biết nếu nó hoạt động :)