.fullscreen-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; } .fullscreen-bg__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (min-aspect-ratio: 16/9) { .fullscreen-bg__video { height: 500%; top: -200%; } /* .txt { width:40%; }*/ } @media (max-aspect-ratio: 16/9) { .fullscreen-bg__video { width: 500%; left: -200%; } /* .txt { width: 40%; } */ } @media (max-width: 767px) { .fullscreen-bg { /* background: url("ff.png") center center / cover repeat; */ } .fullscreen-bg__video { display: none; } } video::-webkit-media-controls { display: none !important; } *::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; }