From adfc92050c804c2a4b82c57de7b453fb87bf4ca5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BB=88=E6=9E=81=E6=82=AA=E5=9C=9F?=
 <skimrme@noreply.localhost>
Date: Tue, 23 Jul 2024 03:09:07 +0000
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6=E8=87=B3?=
 =?UTF-8?q?=20css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/视频布局.css | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 css/视频布局.css

diff --git a/css/视频布局.css b/css/视频布局.css
new file mode 100644
index 0000000..ff2f9e9
--- /dev/null
+++ b/css/视频布局.css
@@ -0,0 +1,33 @@
+/*简易的视频布局*/
+/* 视频播放器容器样式 */  
+.video-container {  
+  position: relative;  
+  width: 640px;  
+}  
+
+/* 自定义进度条容器样式 */  
+.custom-progress-bar {  
+  position: absolute;  
+  bottom: 10px;  
+  left: 0;  
+  width: 100%;  
+  height: 10px;  
+  background: #444;  
+  cursor: pointer;  
+}  
+
+/* 自定义进度条填充样式 */  
+.custom-progress-bar .fill {  
+  position: absolute;  
+  top: 0;  
+  left: 0;  
+  height: 100%;  
+  width: 0;  
+  background: #f00;  
+  transition: width .2s; /* 平滑过渡效果 */  
+}  
+
+/* 隐藏默认的浏览器进度条 */  
+video::-webkit-media-controls-timeline {  
+  display: none;  
+}