Get height and width of iframe

Question

I would like to get height and width data of an vimeo iframe (in jquery). I would like to use this datas to put them for the div popin .

<div class="popin">
    <iframe src="https://player.vimeo.com/video....." frameborder="0" width="640" height="320"></iframe>
</div>

.popin {
    max-width: ?? iframe value;
    max-height: ?? iframe value;
}

Answer 1

Use attr() to select the with and the height

var width = $('iframe[src*=vimeo]').attr('width');
var height = $('iframe[src*=vimeo]').attr('height');
$('.popin').css({maxWidth:width+'px',maxHeight:height+'px'});