1 line
4.1 KiB
CSS
1 line
4.1 KiB
CSS
|
.controls{background-color:rgba(0,0,0,.4);position:relative;bottom:50px;width:100%;height:50px}.controls .progress{position:absolute;top:-10px;width:100%;height:20px}#volumeTitle{top:5px;position:relative}.controls .progress:hover{cursor:pointer}.controls .progress:hover .thumb{display:block}.controls .progress:hover .progressing{height:8px}.controls .progress:hover .loading{height:8px}.controls .progress:hover .thumb{height:12px;width:12px}.controls .progress:hover .track{height:8px}.controls .track{position:relative;top:9px;height:2px;width:100%;background:#c5c5c6}.controls .tooltips{display:none;position:absolute;top:-25px;background-color:rgba(0,0,0,.4);margin-left:2px;line-height:20px;font-size:10px;width:35px;height:20px;color:#fff}.controls .tooltips .selecttime{margin-left:2px}.controls .progressing{height:2px;width:0;position:absolute;background:#00be06;top:9px}.controls .loading{height:2px;width:0;position:absolute;background:#fff;top:9px}.controls .thumb{display:none;height:8px;width:8px;border-radius:8px;background:#fff;position:absolute;top:7px}.controls .tools{bottom:8px;position:absolute;display:flex;justify-content:space-between;width:100%}.controls .tools .left{line-height:27px;display:flex}.controls .tools .rights{line-height:27px;display:flex;margin-right:24px}.wjplayer{width:100%;height:100%;position:relative}.wjplayer video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%}.wjplayer .pic_default{object-fit:fill}.wjplayer .pic_169{object-fit:fill;width:100%!important;height:100%!important}.wjplayer .pic_43{object-fit:fill;width:75%!important}.wjplayer .pic_full{object-fit:fill;height:100%!important;width:100%!important}.controls .tools .playbtn{margin-left:24px;height:27px;width:28px;cursor:pointer;objec-fit:cover}.playerdiv{width:100%;position:absolute}.controls .tools .time{font-size:16px;color:#fff;margin-left:22px;margin-top:2px;cursor:default}.controls .tools .speed{font-size:18px;color:#fff;margin-left:32px;cursor:default}.controls .seekDiv{height:32px;color:#fff;background:#fff;border:1px solid #999;left:5px;display:flex;position:absolute;z-index:9999;top:-36px;cursor:default;line-height:32px;text-align:center;padding-left:10px;padding-right:10px}.controls .seeklabel{font-size:14px;color:#333}.controls .seektime{font-size:14px;color:#333;padding-left:3px;padding-right:3px}.controls .seeklabel1{font-size:14px;color:#2283fa;margin-left:10px}.controls .speeddiv{color:#fff;right:127px;position:absolute;background:rgba(0,0,0,.4);z-index:9999;top:-187px;cursor:pointer;text-align:center;display:none}.controls .settingdiv{box-sizing:border-box;width:216px;height:63px;padding:10px 16px;color:#fff;right:2px;position:absolute;z-index:9999;top:-73px;text-align:left;font-size:14px;background:rgba(0,0,0,.4);display:none}.controls .box_top{margin-top:5px}.controls .setting_box .content{cursor:pointer;margin-left:10px}.controls .setting_box .current{color:#ffa102}.controls .setting_box .content:hover{color:#ffa102}.controls .volumeDiv{width:70px;height:155px;color:#fff;right:90px;position:absolute;z-index:9999;top:-150px;cursor:default;text-align:center;display:none}.controls .volumegrid{height:140px;background:rgba(0,0,0,.4)}.controls .speedtitle{padding:6px 30px;height:24px;display:block;font-size:14px}.controls .speedtitle:hover{font-size:14px;color:#00be06}.controls .selectspeed{font-size:14px;color:#00be06}.controls .tools .volume{margin-left:24px;width:22px;height:22px;margin-top:2px;cursor:pointer}.controls .tools .setting{margin-left:24px;width:22px;height:22px;margin-top:2px;cursor:pointer}.controls .tools .full{margin-left:24px;width:22px;height:22px;margin-top:2px;cursor:pointer}#all{height:104px;width:20px;position:relative;margin:auto;top:10px}#bar{height:104px;width:4px;border-radius:10px;background:#666;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;cursor:pointer}#bar1{width:4px;border-radius:10px;background:#00be06;position:absolute;bottom:0;left:0;right:0;margin:auto;cursor:pointer}#box{width:10px;height:10px;background:#fff;position:absolu
|