Как сделать видео с facebook адаптивным?

сайт на dle 11.3
Вопрос: Как сделать видео с facebook адаптивным?
Для youtube и многих других нормально работает такой пример:

 .video-container {
    position: relative;
    padding-bottom: 56.25%;
   margin:15px 0;
    height: 0;
    overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top:0;

    left: 0;
    width: 100%;
    height: 100%;
}

но вот проблемка,на facebook это уже не работает )
если использовать шаблон для мобильных устройств, адаптивность присутствует, но над и под самим iframe имеют быть так сказать отступы.
Если видео идет со сторонами 16:9 все работает,но беда в том,что на facebook есть видео не только с этим соотношением (на youtube тоже есть разное ,но пример выше все это компенсирует) и в итоге имеем обрезаный ролик.

И второй вопрос: Как стили которые я привел выше прикрутить для вставки видео через [media= ?