前言

halo，今天在社区里看到了一个侧边栏视频小卡片，感觉挺好看的，我将代码简单整理优化了一下，这里拿出来分享一下，喜欢的自取！

演示效果

部署代码

扩展教程

这里顺便分享一波视频API接口，大家可以根据自己的需要替换代码中的接口链接

小姐姐视频：https://sp.4n2.cn/?api=xjj

小哥哥视频：https://sp.4n2.cn/?api=xgg

甜妹视频：https://sp.4n2.cn/?api=tm

jk和萝莉视频：https://sp.4n2.cn/?api=jkllt

丝袜视频：https://sp.4n2.cn/?api=sw

慢摇视频：https://sp.4n2.cn/?api=my

变装视频：https://sp.4n2.cn/?api=bianzhuang

小姐姐视频：http://www.yujn.cn/api/zzxjj.php

小哥哥视频：http://www.yujn.cn/api/xgg.php

玉足美腿：http://www.yujn.cn/api/yuzu.php

甜妹系列：http://www.yujn.cn/api/tianmei.php

jk洛丽塔: http://www.yujn.cn/api/jksp.php

你的欲梦: http://www.yujn.cn/api/ndym.php

双倍快乐: http://www.yujn.cn/api/sbkl.php

热舞系列：http://www.yujn.cn/api/rewu.php

萝莉系列：http://www.yujn.cn/api/luoli.php

漫画芋：http://www.yujn.cn/api/manhuay.php

小新翻唱：http://www.yujn.cn/api/xiaoxin.php

蛇姐系列：http://www.yujn.cn/api/shejie.php

汉服系列：http://www.yujn.cn/api/hanfu.php

狱卒系列：http://www.yujn.cn/api/jpmt.php

慢摇系列：http://www.yujn.cn/api/manyao.php

掉带系列：http://www.yujn.cn/api/diaodai.php

清纯系列：http://www.yujn.cn/api/qingchun.php

COS系列：http://www.yujn.cn/api/COS.php

纯情女高：http://www.yujn.cn/api/nvgao.php

街拍系列：http://www.yujn.cn/api/jiepai.php

快手变装：http://www.yujn.cn/api/ksbianzhuang.php

懒洋洋翻唱：http://www.yujn.cn/api/lyy.php

完美身材：http://www.yujn.cn/api/wmsc.php

丝滑舞蹈：http://www.yujn.cn/api/shwd.php

穿搭系列：http://www.yujn.cn/api/chuanda.php

鞠婧祎系列：http://www.yujn.cn/api/jjy.php

章若楠系列：http://www.yujn.cn/api/zrn.php