Vimeo embedded align to center

Question

Я пытаюсь выровнять встроенное видео vimeo (iframe) в центре страницы (по горизонтали и по вертикали). Но мне нужно увеличить масштаб видео или уменьшить размер окна, сохраняя соотношение сторон (16: 9).

Здесь я сделал небольшую иллюстрацию того, что я хочу (LARGE GIF): стандарт

Правильный https://vk.com/doc199484568_437482326

https://vk.com/doc199484568_437482328 Неправильный

Я пытаюсь использовать скрипт Fitvids.js, но это не помогает мне , Я с удовольствием увижу решения любыми методами. Спасибо за ответы!

Answer 1

У меня есть этот фрагмент CSS, который был сохранен для отзывчивых видеороликов YouTube, не знаю, где я его получил. Может быть, это может вам помочь. Вы помещаете div с классом 'videoWrapper' вокруг iframe, затем нацеливаете его с помощью ниже CSS.

.videoWrapper { 
    position: relative; 
    padding-bottom: 56.25%; /* 16:9 */ 
    padding-top: 25px; 
    height: 0; 
} 
.videoWrapper iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}