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啦~
如果对你有帮助,点个赞再走吧~谢谢
关注我,不定时分享技术干货~