Delay multiple oembed calls

I have a page with many (say 20) youtube videos to oembed. Calling oembed on all them simultaneously slows down a lot the browser. I've tried substituting the call:

$("a.embed").oembed(...);

with:

setInterval(function(){ $("a.embed:first").oembed(...); }, 2000);

Note that I'm using 'replace' within the options, so once a link is embedded, the original link is no longer available in the dom. That's why :first actually works (i.e. printing the urls, I can verify that the loop is correct).

Unfortunately the library seems not to work properly. The result is that:

it embeds always the same (the first) link
if the link appears multiple times, the video is deleted from the parent of the element and moved in the following parent.

The same behaviour can be seen using jquery queues, for instance:

$('a.embed').each(function() {
    var a = $(this);
    body.queue('oembedQueue', function(next) {
        a.oembed(...);
        next();
    }).delay(2000, 'oembedQueue');
});
body.dequeue('oembedQueue');

In this second example, removing the delay() causes the embed to be almost simultaneous (like the $("a.embed").oembed(...); call) and properly works. It seems to me that there is some strange internal behaviour that works badly with concurrency...

starfishmod / jquery-oembed-all

Delay multiple oembed calls #77