From aad105ac4cc88813faedf25b5a925acbb63a74e4 Mon Sep 17 00:00:00 2001
From: xc <double72cheng@gmail.com>
Date: Mon, 26 Apr 2021 13:55:03 +0800
Subject: [PATCH] 直播监控组装
---
src/main/resources/public/css/controles.css | 34 +++++++++++++++++++---------------
1 files changed, 19 insertions(+), 15 deletions(-)
diff --git a/src/main/resources/public/css/controles.css b/src/main/resources/public/css/controles.css
index d8589fb..4d2bd45 100644
--- a/src/main/resources/public/css/controles.css
+++ b/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,44 @@
}
+.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);
+ background: rgba(255, 255, 255, 0.3);
width: 680px;
height: 40px;
- border-radius: 5px;
- left: 50%;
- bottom: 10px;
- transform: translateX(-50%);
+ border-radius: 10px;
+ left: 60%;
+ bottom: -10px;
+ transform: translateX(-48%);
}
.player .control div{
display: inline-block;
line-height: 40px;
- margin-left: 10px;
+ margin-left: 14px;
font-size: 18px;
color: #fff;
}
.player .control .play_pause,.player .control .expand{
- color: rgb(255, 221, 44);
+ color: rgb(246, 255, 249);
}
.player .control div:nth-child(2){
width: 460px;
height: 10px;
- background-color: rgba(255,255,255,0.3);
+ background-color: rgba(255, 255, 255, 0.5);
border-radius: 5px;
overflow: hidden;
}
.player .control .progress{
display: block;
- width: 10%;
+ width: 100%;
height: 10px;
background: #fff;
}
--
Gitblit v1.9.1