flamingo-ui
Version:
火烈鸟UI组件库
2 lines (1 loc) • 1.34 kB
CSS
.fmg-custom-video{position:relative;display:flex;word-break:normal;letter-spacing:normal}.fmg-custom-video .van-slider__button{width:12px;height:12px}.fmg-custom-video .van-slider__bar{background:var(--fmg-theme-color)}.fmg-custom-video video{width:100%;height:100%;border-radius:10px;position:relative;z-index:3;background-color:#000;object-fit:contain}.fmg-custom-video video:-webkit-full-screen{object-fit:contain}.fmg-custom-video video:fullscreen{object-fit:contain}.fmg-custom-video .volume{position:absolute;right:10px;bottom:10px;width:32px;height:32px}.fmg-custom-video img{border-radius:0;z-index:4}.fmg-custom-video__btn{position:absolute;width:46px;height:46px;top:50%;left:50%;transform:translate(-50%,-50%)}.fmg-custom-video__footer{box-sizing:border-box;position:absolute;width:100%;height:36px;bottom:0px;left:0;background:linear-gradient(360deg,rgba(0,0,0,.72),rgba(0,0,0,0));border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:0 12px;z-index:4}.fmg-custom-video__footer_full{width:15px;height:15px;margin-left:15px}.fmg-custom-video__footer_btn{width:15px;height:15px;margin-right:15px}.fmg-custom-video__footer_progress{width:100%}.fmg-custom-video__footer_time{margin-left:15px;color:#e4e4e4;font-size:9px}