直播插件沉浸式修改

xc

2021-04-28 9b516646acbc7392d7647e2619383a45f8db2978

 src/main/resources/public/css/controles.css

@@ -1,11 +1,7 @@
*{
   margin: 0;
   padding: 0;
}
/* 去掉全屏时显示的自带控制条 */
/*!* 去掉全屏时显示的自带控制条 *!
video::-webkit-media-controls{
    display:none !important;
}
}*/
.wrap h3{
   text-align: center;
   height: 100px;
@@ -19,36 +15,37 @@

}

.player-wrapper {
    width: 900px;
    height: 500px;
    /*overflow-y: auto;*/
    margin: 0 auto;
    text-align: center;
}

.player .control{
   position: absolute;
   background: rgba(255,255,0,0.3);
   width: 680px;
   background: rgba(255, 255, 255, 0.3);
   width: 120px;
   height: 40px;
   border-radius: 5px;
   left: 50%;
   bottom: 10px;
   border-radius: 10px;
   left: 60%;
   bottom: -60px;
   transform: translateX(-50%);
    display: none;
}
.player .control div{
   display: inline-block;
   line-height: 40px;
   margin-left: 10px;
   font-size: 18px;
   color: #fff;
    margin: 0px 11px 0px 9px;
}
.player .control .play_pause,.player .control .expand{
   color: rgb(255, 221, 44);
}
.player .control div:nth-child(2){
   width: 460px;
   height: 10px;
   background-color: rgba(255,255,255,0.3);
   border-radius: 5px;
   overflow: hidden;
   color: rgb(246, 255, 249);
}
.player .control .progress{
   display: block;
   width: 10%;
   width: 100%;
   height: 10px;
   background: #fff;
}