jquery - 预加载youtube video iframe，以获得更流畅的jquery动画？

Question

我有许多指向youtube video iframe的链接，这些链接通过传递Youtube href出现在使用jQuery slideDown的弹出窗口中，如下所示。效果很好，但效果不佳，因为Youtube img不会“尊重” jQuery slideDown并显示流畅。例如。

http://jchmusic.com/videos

...只需单击4个img链接中的任何一个。

是否有办法以某种方式“预加载” Youtube iFrame(或其他技术)的内容，以使slideDown幻觉更好？ (顺便说一句:我已经尝试过添加单独的节点，而不是如下所示的所有大字符串，但这没有任何效果。)

jQuery('ul.slideshow a').click(function(e) {
    e.preventDefault();          
    var pNum = jQuery(this).attr('href');
    jQuery('#modalpopup #inside').empty();          
    jQuery('#modalpopup #inside').append('<iframe width="420" height="315" src="http://www.youtube.com/embed/' + pNum + '" frameborder="0" allowfullscreen></iframe>');
    iH = jQuery(document).height();
jQuery('#overlay').height(iH - 112).fadeTo( 'slow', .2 );
    jQuery('#modalpopup').slideDown(1000);
});

TIA，

--- JC

Answer 1

setTimeout怎么样

jQuery('ul.slideshow a').click(function(e) {
    e.preventDefault();
    var pNum = jQuery(this).attr('href');
    jQuery('#modalpopup #inside').empty();
    jQuery('#modalpopup #inside').append('<iframe width="420" height="315" src="http://www.youtube.com/embed/' + pNum + '" frameborder="0" allowfullscreen></iframe>');
    setTimeout(function() {
        iH = jQuery(document).height();
        jQuery('#overlay').height(iH - 112).fadeTo('slow', .2);
        jQuery('#modalpopup').slideDown(1000);
    }, 1200);
});​