.player-frame-wrapper {
        position: relative;
        max-width: 1024px;
    }
    .player-frame-wrapper-ratio {
    /* same as player ratio */
        padding-top: 56.25%;
        box-sizing: border-box;
        display: block;
    }
    .player-frame {
    /* make iframe fill wrapper */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }