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

<div class="media">
    <iframe>
</div>

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

Я хочу масштабировать 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.

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