/* Контейнер-ограничитель по ширине */
.video-responsive-container {
    max-width: 700px;
    width: 100%;
    margin-top: 15px;
}

/* Базовые стили для обертки */
.video-wrapper {
    position: relative;
    cursor: pointer;
    width: 100%;
    background-color: #000;
    overflow: hidden;
    display: block;
}

/* Разные пропорции в зависимости от источника */
.video-wrapper.rutube {
    aspect-ratio: 7 / 4; /* Соотношение сторон для 700x400 */
}

.video-wrapper.youtube {
    aspect-ratio: 16 / 9; /* Соотношение сторон для 560x315 (стандарт) */
}

/* Растягиваем картинку и iframe на всю площадь */
.video-wrapper img,
.video-wrapper iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: none;
}