Make youtube iframe responsive

youtube-responsive.js

$(function(){
  $('iframe[src*="youtube"][width][height]').each(function(){
    var w = $(this).attr('width');
    var h = $(this).attr('height');
    $(this).wrap($('<div class="youtube-wrapper">').css({
      'max-width' : '100%',
      'height': 0,
      'padding-bottom': (h/w*100) + '%',
      'position': 'relative'
    })).css({
      'position': 'absolute',
      'top': 0, 'right': 0, 'bottom': 0, 'left': 0,
      'width': '100%', 'height': '100%', 'margin': 0
    });
  });
});