在线客服系统源码开发实战总结：guan网首页视频大背景循环播放效果实现

俗话说，人靠衣装，马靠鞍。官网首页是产品或公司的脸面，必须要大气。

茫崖ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18982081108（备注：SSL证书合作）期待与您的合作！

原来旧版的支付宝首页，有个大视频作为页面背景一直播放展示，效果很赞，所以实现了下

https://gofly.v1kf.com

先看看效果：

亮点部分

大视频是绝对定位，定在最下面，上面的文字是绝对定位，定在最上面。还加了一层半透明的div蓝色调。

文案的居中是使用的 display:flex排版

文案部分有一个渐变色效果

文案部分还有一个动画效果没有展示，是个渐出动画效果

html部分

class="vedioBanner">
    
class="vedioBannerIntro">
            
唯一客服(V1KF.COM)
可两分钟搭建部署好的高性能在线客服系统
            "https://gofly.v1kf.com/chatIndex?ent_id=2&kefu_id=kefu2" class="btn btn-primary" target="_blank">访客端演示
            "https://gofly.v1kf.com/login" class="btn btn-outline-info" target="_blank">后台演示（账号kefu2 密码123）
    
    
class="videomask">