Make fitVids work with lazySizes

fitvids-lazysizes.html

<div class="fluid-embed">
  <iframe frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="" class="lazyload" data-src="https://www.youtube.com/embed/4rfnJPhgd9E?feature=oembed"></iframe>
</div>

fitvids-lazysizes.js

(function($) { 
  
  $(document).on( 'lazyloaded', function(e){
    
    // trigger fitVids on lazyloaded iframes
    if( e.target.localName === 'iframe' && typeof $.prototype.fitVids === 'function' ) {
      $target_container = $(e.target).parent();

      if( $target_container.hasClass('fluid-embed') ) {

        // in order to make fitVids kick in, we first need to re-set the src-attribute... duh!
        $(e.target).attr('src', $(e.target).attr('data-src'));
        $(e.target).removeAttr('data-src');

        $target_container.fitVids();

      }
    }
    
  });
  
})( jQuery );