由于嵌入的video太多，我的网站加载缓慢

由于嵌入的video太多，我的网站加载速度很慢。 我看到有图像的地方（嵌入video的位置）并点击它，此时加载了嵌入的video。 任何人都可以给我一些帮助，想弄清楚如何做到这一点？ 也许一旦你将鼠标hover在图像上，如果加载了youtube嵌入？ 非常感谢！

Answer 1

在用户点击图片后，只需使用jQuery插入嵌入代码：

只是示例代码：HTML

jQuery的：

 $('#video').on('click', function() { $(this).html('').css('background', 'none'); }); 

如果您希望video自动播放，请将ur ?autoplay=1添加到url的末尾。

没有缩略图的代码： http ： //jsfiddle.net/KFcRJ/

要提取video缩略图：

HTML：

jQuery的：

 $('#video').on('click', function() { $(this).html('').css('background', 'none'); }); function getYoutubeID(url) { var id = url.match("[\\?&]v=([^&#]*)"); id = id[1]; return id; }; $('a.youtube').each(function() { var id = getYoutubeID( this.href ); this.id = id; var thumb_url = "http://img.youtube.com/vi/"+id+"/maxresdefault.jpg"; $('').appendTo($('#video')); }); 

带缩略图的代码： http ： //jsfiddle.net/89uVe/4/