CSS3 Media Queries Adaptive iframes (resizing Youtube, Vimeo etc)

resizeVideoEmbeds.jquery.js

/*
 * jQuery DOM ready handler
 */
$(document).ready(function(){
	Involved.init();	
});


/*
 * Browser resize handler
 */
$(window).resize(function(){
	Involved.resizeVideoEmbeds();
});


var Involved = function(){
  
  function init(){
    resizeVideoEmbeds();
  }
  
  function resizeVideoEmbeds(){
      var container_width = $("#blog .article").width();
      var orig_width = 0;
      var orig_height = 0;
      var ratio = 0;

      $(".article iframe").each(function(){
        orig_width = $(this).attr("width");
        orig_height = $(this).attr("height");
        ratio = (orig_height/orig_width).toFixed(2);
        $(this).width(container_width);
        $(this).height(ratio*container_width);
      });
    }

    return{
      init: init,
      resizeVideoEmbeds: resizeVideoEmbeds
    }
  
}();

How to add this to my Joomla Site? Thanks