body { margin: 0; overflow: hidden; background: black; color: white; } #page { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; } #video { background: gray; flex: 10 1 auto; /*width: 480px;*/ /*height: 270px;*/ /* https://css-tricks.com/aspect-ratio-boxes/ */ /* height + padding-top = 16:9 */ /* flex: 1 1 auto; */ position: relative; } .ratio169{ height: 0; padding-top: 56.25%; } #video .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } video { width: 100%; height: 100%; } #blabla { /*width: 480px;*/ flex: 1 1 auto; min-height: auto; } .video-js{ width: 100% !important; height: 100% !important; } a { color: #4F4; text-decoration: none; } a:hover { background: #4F4; color: black; }