Пропорционально измените размер iframe, чтобы он помещался в DIV с использованием jQuery

У меня есть iframe видео внутри div, вот так:


    

Я установил DIV 'Размер s динамически при изменении размера окна.

Я хочу масштабировать iframe, чтобы поместиться в div,сохраняя этосоотношение сторон, Большая часть кода посвящена масштабированию изображений, что проще.

Это то, что я имею до сих пор, но это нет работа:

jQuery.fn.fitToParent = function()
{
    this.each(function()
    {
        var width  = jQuery(this).width();
        var height = jQuery(this).height();
        var parentWidth  = jQuery(this).parent().width();
        var parentHeight = jQuery(this).parent().height();

        if(width < parentWidth)
        {
            newWidth  = parentWidth;
            newHeight = newWidth/width*height;
        }
        else
        {
            newHeight = parentHeight;
            newWidth  = newHeight/height*width;
        }

        jQuery(this).css({
            'height'     :newHeight,
            'width'      :newWidth'
        });
    });
};

В основном яЯ хочу повторить размеры "background-size: содержать " делает для изображений в CSS, но для iframe в DIV.

Спасибо за помощь!

Ответы на вопрос(3)

Ваш ответ на вопрос