.video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.video-container.video-vertical {
    max-width: 400px;
    height:720px;
    margin: 0 auto;
}

.video-container.video-vertical > div {
    position: relative;
    padding-bottom: 177.78%; /* 9:16 aspect ratio (vertical) */
    height: 0;
    overflow: hidden;
}

.video-container.video-horizontal > div {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (horizontal) */
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    width: 100%;
    height: 100%;
}