keep-ratio

A jQuery plugin to calculate the ration of Iframe Video embbeds and other stuff

How to use it

Just call it on the element you wanna keep the ratio. The default ratio is 16/9, and you can pass any ratio-string you like through the parameters.

Examples

Call it on Document Ready

<iframe width="100%" class="keepItRatio" height="315" src="https://www.youtube.com/embed/YOUTUBEID" frameborder="0" allowfullscreen></iframe>

$(document).ready(function() { 	$(".keepItRatio").keepRatio("4:3"); });

Call it on Window Resize (Too keep the ratio during resizes)

$(window).resize(function() { 	$(".keepItRatio").keepRatio(); });

Important Note

You need to pass first the ratio param in the width:height order.

ToDO

• Calculate the ratio based on element's height rather than width