我有许多指向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
最佳答案
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);
});
关于jquery - 预加载youtube video iframe,以获得更流畅的jquery动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13444035/