Hướng dẫn how do i fix full screen video in html? - làm cách nào để sửa video toàn màn hình trong html?

Tôi đang xây dựng một trang web với HTML + CSS. Và tôi đang cố gắng sử dụng một video làm nền của trang web của tôi. Vấn đề là có một số loại borther ở bên trái và bên phải của video của tôi.

Tôi đã thử sử dụng chiều rộng 100% và chiều cao 100%, chiều rộng và chiều cao 100Vh và 100VW, và tối thiểu và tối thiểu 100% nhưng vẫn còn một số không gian còn lại ở cả bên trái và bên phải của video

.container {
  background: rgba[0, 0, 0, 0.9];
  text-align: center;
  color: white;
  font-size: 2em;
  display: grid;
  grid-template-columns: repeat[12, 1fr];
  grid-gap: 0;
}


/*Adjust container for Fullscreen Video Background*/

.blue {
  grid-column: 1/-1;
  height: 100vh;
}

.video {
  height: 100vh;
  min-width: 100%;
  min-height: 100%;
}

.video-overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  z-index: 0;
  opacity: 0.75;
}

  
  
  



  

    

      
        
      

      
        

          
ARCANA
          
Home
          
About Us
          
Gallery
          
Events
          
Contact Us
        
      
      

        
Welcome to ARCANA
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
          irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
      
    
    
red
    
green
    
yellow
    
black
  

Tôi mong đợi video sẽ là toàn màn hình.

Home

Đã trả lời ngày 17 tháng 3 lúc 21:52Mar 17 at 21:52

KameronkameronKameron

8.9573 huy hiệu vàng9 Huy hiệu bạc23 Huy hiệu đồng3 gold badges9 silver badges23 bronze badges

Đã hỏi ngày 30 tháng 3 năm 2019 lúc 11:22

Làm cách nào để thêm kích thước video trong HTML?