/* Full-width, responsive video for 720p (16:9) */ .video-wrapper{ position: relative; width: 100%; /* make it full width */ padding-bottom: 56.25%; /* 9/16 = 0.5625 => 16:9 aspect ratio */ height: 0; overflow: hidden; } .video-wrapper > video{ position: absolute; inset: 0; /* top:0; right:0; bottom:0; left:0 */ width: 100%; height: 100%; object-fit: cover; /* fill without letterboxing */ display: block; /* remove inline gap */ } /* Modern alternative (if you don't need the padding hack): .video-wrapper{ position: relative; width:100%; aspect-ratio: 16 / 9; } .video-wrapper > video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; } */