1 line
11 KiB
Plaintext
1 line
11 KiB
Plaintext
#maskBox,div.videoZoom{width:100%;height:100%}#maskBox{z-index:43;position:absolute;left:0;top:0;display:none}.versionTips,div.videoZoom{display:flex;overflow:hidden}.versionTips{min-width:380px;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;position:fixed;left:50%;top:20px;transform:translateX(-50%);background-color:#fdf6ec;color:#E6A23C;border-color:#faecd8;padding:15px 15px 15px 20px;z-index:9999;align-items:center}.versionTips span{color:orange;margin-left:10px}div.videoZoom{float:left;flex-flow:row wrap;background:center no-repeat #000;background-size:cover}div.videoZoom div.videoBottom,div.videoZoom div.videoZoomIE{width:100%;float:left;background:#000;display:flex;overflow:hidden}div.videoZoom div.videoZoomIE{height:100%;flex-flow:row wrap;position:relative}div.videoZoom div.videoBottom{height:0%;flex-flow:row wrap;position:absolute;left:0;bottom:0}div.videoZoom div.videoBottom div.videoButton1{margin-left:0;display:flex;overflow:hidden;flex-flow:row wrap}div.videoZoom div.videoBottom div.videoButton2{margin-left:5px;display:flex;overflow:hidden;flex-flow:row wrap}div.videoZoom div.videoBottom div.videoButton1 input.bottomButton1,div.videoZoom div.videoBottom div.videoButton2 input.bottomButton2{cursor:pointer;display:flex;overflow:hidden;flex-flow:row wrap}div.videoZoom div.videoBox{width:50%;height:50%;position:relative}div.videoZoom div.videoBox.tuchu{width:100%!important;height:100%!important}#videoInfo{width:500px;position:absolute;top:50%;left:50%;background-color:#000;z-index:44;box-shadow:0 0 6px #000;overflow:hidden;border-radius:2px;transform:translate(-50%,-50%)}#videoInfo .title{display:flex;padding:10px 20px;color:#fff;background:#4a4d4e;justify-content:space-between}div.videoZoom div.noVideoMask,div.videoZoom div.noVideoMask.replay{height:100%;z-index:9;background-position:center;background-repeat:no-repeat;border:1px solid #1c1c1c;left:0;box-sizing:border-box;position:absolute;top:0}#videoInfo .title span{color:#fff}#videoInfo .info{padding:20px;color:#fff}#videoInfo .info span{color:#fff}#videoInfo .info .subTitle{display:inline-block;width:120px;margin:10px 10px 10px 0;text-align:right}div.videoZoom div.noVideoMask{width:100%;background-image:url(../images/realVideoImages/bg.jpg);background-size:inherit}div.videoZoom div.noVideoMask.nowidth{width:0}div.videoZoom div.noVideoMask.replay{width:100%;background-image:url(../images/realVideoImages/bg2.png);background-size:63px 48px}div.videoZoom div.noVideoMask.replay.nowidth{width:0}div.videoZoom div.noVideoMask.videoMask{background:0 0}div.videoZoom .noVideoMask.selecedVideoMask{border:1px solid #87ceeb}div.videoZoom div.noVideoMask div.fullBtnBox{width:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,1);box-sizing:border-box;padding:5px 10px;overflow:hidden;z-index:99;opacity:.9}div.videoZoom div.noVideoMask img.closeBtn{width:13px;height:13px;cursor:pointer;float:right;margin-top:4px}div.videoZoom div.noVideoMask img.picBtn,div.videoZoom div.noVideoMask img.recordVideo,div.videoZoom div.noVideoMask img.stickBtn,div.videoZoom div.noVideoMask img.talkBtn,div.videoZoom div.noVideoMask img.volumeBtn{width:13px;height:13px;cursor:pointer;float:right;margin-top:5px;margin-right:20px}div.videoZoom div.noVideoMask p.malv{float:right;margin-right:5px;color:#f5f5f5}div.videoZoom div.noVideoMask p.showDev{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.videoPlayer{width:100%;height:100%}.videoPlayer.puman{object-fit:fill}div.videoZoom div.videoBox div.videoPlayer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:8}div.videoZoom div.videoBox div.videoPlayer video{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:fill}div.videoZoom div.videoBox .videoPlayer p.vjs-no-js{margin:0 auto}div.videoZoom div.videoBox .canvasPlayerCont{width:100%;height:100%;position:absolute;z-index:8;top:0;left:0}div.videoZoom div.videoBox .canvasPlayerCont.nowidth{width:0}div.videoZoom div.videoBox .canvasPlayerCont canvas.canvasPlayer{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:fill}button.vjs-big-play-button,div.vjs-control-bar,div.vjs-error-display,div.vjs-loading-spinner,div.vjs-modal-dialog,div.vjs-text-track-display{display:none}div.controlDeskTop div.leftBtn,div.controlDeskTop div.rightBtn{width:14px;height:14px;cursor:pointer;background:url(../images/realVideoImages/icon8.png) center center no-repeat;float:left;margin:4px 0 0 4px}div.controlDeskTop div.rightBtn{float:right;background-image:url(../images/realVideoImages/icon9.png);margin:4px 4px 0 0}div.controlDeskTop div.centerTitle{display:inline-block;margin:3px 0 0 59px;text-align:center}div.controlDeskTop div.centerTitle span{display:inline-block}div.controlDeskTop div.topCaremaConfig{position:fixed;right:0;top:92px;width:236px;height:272px;background-color:#F5F5F5;z-index:50;border-top:1px solid #d3d3d3;box-sizing:border-box;padding:0 16px}div.topCaremaConfig ul li{width:85%;margin:0 auto;border-bottom:2px solid #DCDCDC;padding:16px 16px 14px;display:block}div.topCaremaConfig ul div.rightChange{float:right}div.topCaremaConfig ul li img{float:right;margin-right:30px;cursor:pointer}div.topCaremaConfig ul li img:nth-child(2){margin-right:0}div.topCaremaConfig img.topCaremaConfigBack{float:right;margin:16px 14px 0 0;cursor:pointer}div.controlDeskTop div.captureConfig{position:fixed;right:0;top:91px;width:236px;height:45px;box-sizing:border-box;padding:7px 10px;background-color:#F5F5F5;border:2px solid #DCDCDC;z-index:50}div.captureConfig span{display:inline-block;height:24px;vertical-align:top}div.circle,div.videoZoom div.videoZoomIE div.videoBox div.noVideoMask div.hoverCircleButton.hoverCircleButtonNone{display:none}div.captureConfig input{width:55px;height:26px!important;border-radius:0}div.captureConfig input:focus{box-shadow:none!important}div.captureConfig button.layui-btn{width:34px;height:26px;background-color:#ddd;padding:0;line-height:12px;border-radius:3px;margin-top:-10px;font-size:12px}.layui-btn-primary:hover{border:1px solid #C9C9C9}div.circle{width:130px;height:130px;margin:0 auto;position:absolute;right:0;bottom:0;overflow:hidden;background-image:url(../images/realVideoImages/desk.png);background-size:130px 130px;background-position:center center;background-repeat:no-repeat;opacity:.9;border-radius:50%;z-index:1}@media screen and (max-width:300px){div.circle{width:0;height:0;opacity:0}}div.circle div.circleReal{width:110px;height:110px;margin:10px auto;position:relative;border-radius:50%;overflow:hidden}div.circle1{background-image:url(../images/realVideoImages/desk1.png)}div.circle2{background-image:url(../images/realVideoImages/desk2.png)}div.circle3{background-image:url(../images/realVideoImages/desk3.png)}div.circle4{background-image:url(../images/realVideoImages/desk4.png)}div.circle5{background-image:url(../images/realVideoImages/desk5.png)}div.circle6{background-image:url(../images/realVideoImages/desk6.png)}div.circle7{background-image:url(../images/realVideoImages/desk7.png)}div.circle8{background-image:url(../images/realVideoImages/desk8.png)}div.circle div.circleButton{cursor:pointer;position:absolute;top:0;right:0;width:50%;height:50%;transform-origin:0 100%;z-index:10}div.circle div.innerCircle{width:38px;height:38px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;cursor:default;z-index:11;background:0 0}div.circle div.circleButton:nth-child(1){transform:rotate(-22.5deg) skewY(-45deg)}div.circle div.circleButton:nth-child(2){transform:rotate(22.5deg) skewY(-45deg)}div.circle div.circleButton:nth-child(3){transform:rotate(67.5deg) skewY(-45deg)}div.circle div.circleButton:nth-child(4){transform:rotate(112.5deg) skewY(-45deg)}div.circle div.circleButton:nth-child(5){transform:rotate(157.5deg) skewY(-45deg)}div.circle div.circleButton:nth-child(6){transform:rotate(202.5deg) skewY(-45deg)}div.circle div.circleButton:nth-child(7){transform:rotate(247.5deg) skewY(-45deg)}div.circle div.circleButton:nth-child(8){transform:rotate(292.5deg) skewY(-45deg)}.hoverCircleButton{z-index:30}div.videoZoom div.videoZoomIE div.videoBox div.noVideoMask div.hoverCircleButton1{width:40%;height:15%;min-height:30px;display:flex;overflow:hidden;flex-flow:row wrap;position:absolute;left:50%;top:6%;cursor:pointer;transform:translateX(-50%)}div.videoZoom div.videoZoomIE div.videoBox div.noVideoMask div.hoverCircleButton2{width:15%;min-width:30px;height:40%;display:flex;overflow:hidden;flex-flow:row wrap;position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer}div.videoZoom div.videoZoomIE div.videoBox div.noVideoMask div.hoverCircleButton3{width:40%;height:15%;min-height:30px;display:flex;overflow:hidden;flex-flow:row wrap;position:absolute;bottom:0;left:50%;transform:translateX(-50%);cursor:pointer}div.videoZoom div.videoZoomIE div.videoBox div.noVideoMask div.hoverCircleButton4{width:15%;min-width:30px;height:40%;display:flex;overflow:hidden;flex-flow:row wrap;position:absolute;left:0;top:50%;transform:translateY(-50%);cursor:pointer}div.videoZoom div.videoZoomIE div.videoBox div.noVideoMask div.hoverCircleButton5{width:30%;min-width:30px;height:30%;display:flex;overflow:hidden;flex-flow:row wrap;position:absolute;right:0;top:3%;cursor:pointer}div.videoZoom div.videoZoomIE div.videoBox div.noVideoMask div.hoverCircleButton6{width:30%;min-width:30px;height:30%;display:flex;overflow:hidden;flex-flow:row wrap;position:absolute;bottom:0;right:0;cursor:pointer}div.videoZoom div.videoZoomIE div.videoBox div.noVideoMask div.hoverCircleButton7{width:30%;min-width:30px;height:30%;display:flex;overflow:hidden;flex-flow:row wrap;position:absolute;left:0;bottom:0;cursor:pointer}div.videoZoom div.videoZoomIE div.videoBox div.noVideoMask div.hoverCircleButton8{width:30%;min-width:30px;height:30%;display:flex;overflow:hidden;flex-flow:row wrap;position:absolute;left:0;top:3%;cursor:pointer}div.hoverCircle1{background:url(../images/circleControl/icon_enable_up.png) center no-repeat}div.hoverCircle2{background:url(../images/circleControl/icon_enable_right.png) center no-repeat}div.hoverCircle3{background:url(../images/circleControl/icon_enable_down.png) center no-repeat}div.hoverCircle4{background:url(../images/circleControl/icon_enable_left.png) center no-repeat}div.hoverCircle5,div.hoverCircle6{background:url(../images/circleControl/icon_enable_right.png) center no-repeat}div.hoverCircle5{transform:rotate(-45deg)}div.hoverCircle6{transform:rotate(45deg)}div.hoverCircle7,div.hoverCircle8{background:url(../images/circleControl/icon_enable_left.png) center no-repeat}div.hoverCircle7{transform:rotate(-45deg)}div.hoverCircle8{transform:rotate(45deg)}a.bofang,a.tingbo{bottom:10px;height:23px;background:grey;color:#fff;cursor:pointer;text-align:center;border-radius:3px;display:none;position:absolute}a.bofang{left:6px;width:50px}a.tingbo{left:73px;width:86px}a.bofang:active,a.tingbo:active{opacity:.6}.videoBox .ttpicPlayer{width:100%;height:100%;position:absolute;z-index:8;top:0;left:0} |