Я использую React Slick.Мало слайдов - это изображения, а немногие - это видео на YouTube. Видео встроено в iframe.
<iframe src="https://www.youtube.com/embed/ja8pA2B0RR4" frameborder="0" allowfullscreen></iframe>
Моя проблема заключается в том, как сделать карусель отзывчивой.Изображение отзывчиво со стилем.
img {
width: 100%
height: auto
}
Размер карусели в дизайне составляет 1366 * 578.В мобильном окне просмотра это 768 * 210.Я пытаюсь добиться того, чтобы карусель должна была реагировать на изображение (высота одинакова для всех слайдов), а слайд видео не растягивался, а имел черные границы.
Пожалуйста, помогите