Задача

Необходимо адаптировать или переработать существующий слайдер для размещения видеоотзывов.

Исходные данные

• На сайте есть работающий шаблон слайдера, который ранее корректно загружал видео с YouTube.
• Работоспособность слайдера с видео через Embed-коды (iframe) с YouTube ранее подтверждена.

Проблема

После замены YouTube-роликов на встроенные коды видеохостингов VK и Rutube стандартная верстка слайдера существенно искажается (воспроизводится так, как показано на вложенном скриншоте).

Требования к реализации

• Слайдер любой совместимости (Owl Carousel, Slick Slider или написанный вручную, использующийся сейчас на сайте).
• Видеоряд и статика элементов должны корректно растягиваться в приватной части экрана не ломая сетку.
• Необходима горизонтальная навигация (знаки слайда) между видео блоками для корректного перелистывания.
• Видео непосредственно восстанавливаются внешними кодами в обтекании VK/Rutube; кнопка Play может повторять ссылку при первом касании, либо возможно обходиться автоматически открывающей перемоткой основного iframe для первого внедрения (главное: интуитивно понятные элементы управления!).
• Важно: в коммии к слайдеру с другого хостинг видео, не у ложится размер и позиция - возможно туллерам требуются минимальные CSS-настройки (автоматически показывать WebGL? максимум ratio, не крутить качество изображения!).
• Плавная перерисовка презентации если сильно ограничена размер под плеер при стыковке V / наличие адаптивности слайд мульти пуст при ipad’.