直播流组件 init

xc

2021-04-23 b01721ab8a824f4a144ce55a8de6767bbe3f5d0a

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

@@ -1,7 +1,3 @@
*{
   margin: 0;
   padding: 0;
}
/* 去掉全屏时显示的自带控制条 */
video::-webkit-media-controls{
    display:none !important;
@@ -19,6 +15,14 @@

}

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

.player .control{
   position: absolute;
   background: rgba(255, 255, 255, 0.3);
@@ -27,7 +31,7 @@
   border-radius: 10px;
   left: 60%;
   bottom: -10px;
   transform: translateX(-50%);
   transform: translateX(-48%);
}
.player .control div{
   display: inline-block;