/* Responsive 16:9 wrapper (works for 720p, 1080p, 4K) */ .video-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 ratio */ height: 0; overflow: hidden; background: #000; /* prevents white flash before video loads */ } /* Video scaling fix for 1080p+ */ .video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; /* no crop, but may show black bars */ }