jQuery Plugin: iframe Scaler (transforms iframes to fit inside their containing elements)

iframeScale.js

(function($) {
  $.fn.iframeScale = function() {
    this.each(function() {
        var $iframe = $(this).find("iframe");
        var scaleFactor = $(this).width() / $iframe.width();
        $iframe.css({
            webkitTransform: "scale(" + scaleFactor + ")",
            mozTransform: "scale(" + scaleFactor + ")",
            msTransform: "scale(" + scaleFactor + ")",
            transform: "scale(" + scaleFactor + ")"
        });
    });
    return this;
  };
}( jQuery ));

// Sample Usage:
//
// 1. Select containing elements and call the plugin on page load:
// $(".prototype").iframeScale();
//
// 2. Call the plugin on window resize to support fluid width / proportional height containers:
//
// $(window).on("resize", function() {
//   $(".prototype").iframeScale();
// });