.hs-bg-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #000; } .hs-youtube, .hs-vimeo { display: none; } .hs-html5 { width: 100%; max-width: none; height: auto; min-height: 100%; } .hs-video-preview { position: absolute; top: 0; left: 0; z-index: 1; display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } [data-hs-bgv-id], [data-hs-bgv-path] { overflow: hidden; } @media (min-width: 768px) { .hs-youtube, .hs-vimeo { display: block; width: 100%; height: 130%; } .hs-youtube iframe, .hs-youtube embed, .hs-vimeo iframe, .hs-vimeo embed { height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hs-video-preview { display: block; } }