Резиновое embedded видео
 

Доброго времени!

Стоит задача разместить embedded видеоролик с vimeo.com вот такого типа:
<iframe src="https://player.vimeo.com/video/164252748?title=0&byline=0&portrait=0&badge=0"></iframe>

По центру страницы (по горизонтали и вертикали), так чтобы при изменении размера окна он изменялся вместе с ним, но был указанного размера (а не во всю страницу).

Я сделал пару гифок чтобы проиллюстрировать:

Вот так надо: https://vk.com/doc199484568_437482326

Вот так не надо: https://vk.com/doc199484568_437482328

Уже просто все перепробовал, ничего не выходит. Пробовал скрипт Fitvids.js но он не выполняет функционал размещения ролика по центру.
На stackoverflow тоже ничего толком не увидел - http://stackoverflow.com/questions/3...lign-to-center

Неужели это вообще не реализуемо? В общем буду рад любым решениям. Спасибо.

Короче. Относительно решил задачу с помощью помещения видео в flex-box и подключения firvids.js

Все работает как надо, за исключением того, что видео масштабируется не пропорционально.

http://jsfiddle.net/svyd084p/

А вообще полностью решил, подключением стороннего плеера не в iframe.

Но все равно для меня остается загадкой, почему такая простая задача просто вусмерть нерешаемая.