Javascript-форум - Вимео видео подстраивающееся под родителя.

Всем привет!Хотел вставить видео с вимео, взял код с сайта, и вставил. Так как у меня динамический сайт, решил просто в нужных местах заменять id видео и обнаружил что код для каждого видео свой. Так как у кажого видео свое соотношение сторон, то на сайте оно и показывается соотвественнно по своему. Нашел код в инете, как бы для каждого видео, но оказалось что это только для соотношения видео 16:9.
Вот он:

<div class="embed-container"><iframe src="https://player.vimeo.com/video/<?php echo $first_row ?>?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

Код:

.embed-container {

  position: relative;

  padding-bottom: 56.25%;

  overflow: hidden;

}

                

.embed-container iframe,

.embed-container object,

.embed-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

Вот как это выглядет для видео с разным соотношением сторон.На первой картинке - 16:9 (так нужно для всех сделать).
На 2 - видео подстраивается по высоте получается...
А мне нужно чтоб по всей ширине, а высота автоматически подстраивалась...как на 3 картинке