Video Cover

! Convient à un ratio 16:9 !
Pour d'autres ratios, adapter width et min-height.

Position: center;

.parent-element-to-video {
    overflow: hidden;
    position: relative; /* or absolute or fixed */
}

video {
    height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

Position: center top;

.parent-element-to-video {
    overflow: hidden;
    position: relative; /* or absolute or fixed */
}

video {
    height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}