lazy load iframe (delay src http call) with jquery

Question

I am looking for something similar to jQuery image lazy load plugin, but for iframes.

Answer 1

This worked for me.

var iframes = $('iframe');

$('button').click(function() {
    iframes.attr('src', function() {
        return $(this).data('src');
    });
});

iframes.attr('data-src', function() {
    var src = $(this).attr('src');
    $(this).removeAttr('src');
    return src;
});

jsFiddle.