jQuery懒加载 lazyload，支持video、image

jQuery版本下载：https://www.jq22.com/jquery-info122
lazyload下载：https://appelsiini.net/projects/lazyload/

$(document).ready(function ($) {
   $(".lazyload").lazyload({
        effect: "fadeIn",
        //没有加载图片时的临时占位符
        // placeholder: "images/default.png",
    });
});

这里需要注意：
如果页面报错 jQuery(…).lazyload is not a function
将 $(document).ready的写法换成 jQuery(document).ready

到这里你只需要保存代码，刷新页面就可以看到视频并没有加载出来
哈哈哈哈哈 你说气人不气人

接下来划重点，考试要考！

lazyload默认只适配image标签
不支持video的懒加载
所以需要修改lazyload源码

很简单，表慌~~

查看lazyload源码你会发现代码并不多，找到关键代码修改即可
看这 ↓

还有这 ↓

呐~就这两处代码，砖家应该都懂的
接下来修改它，加一个else判断就OK啦~

如果对你有帮助，点个赞再走吧~谢谢
关注我，不定时分享技术干货~