.video-wrapper{ position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 = 720 / 1280 */ height: 0; overflow: hidden; } .video-wrapper video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: contain; /* keeps full 720p visible */ }