From ced325035b17f07b4497b19ce3aee48682fe9203 Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Tue, 18 Jun 2024 11:16:07 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/video/video.css         | 7 +++++++
 js/pages/video/videoAjax.js | 6 ++++--
 pages/video/video.html      | 2 +-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/css/video/video.css b/css/video/video.css
index 58578e0..3f99ba6 100644
--- a/css/video/video.css
+++ b/css/video/video.css
@@ -418,6 +418,7 @@ body {
     border: 1px solid #2eccbd;
     background-color: #2eccbd !important;
 }
+
 .toggle-btn button {
     width: 40px;
     height: 30px;
@@ -425,4 +426,10 @@ body {
     color: #000;
     font-size: 15px;
     margin: 0 10px;
+}
+
+#videoBox {
+    width: 100%;
+    height: 92%;
+    flex-wrap: wrap;
 }
\ No newline at end of file
diff --git a/js/pages/video/videoAjax.js b/js/pages/video/videoAjax.js
index b1a3fa9..503c077 100644
--- a/js/pages/video/videoAjax.js
+++ b/js/pages/video/videoAjax.js
@@ -64,6 +64,7 @@ function loadVideoTree() {
 }
 
 function oneVideo(that){
+    $('#videoBox').removeAttr('style');
     $('.toggle-btn button').each(function (index, item) {
         $(this).removeClass();
         $(this).addClass('nocheckBtn')
@@ -97,14 +98,15 @@ function oneVideo(that){
 
 }
 function fourVideo(that){
+    $('#videoBox').css({"padding-top":"0.4%","box-sizing":"border-box"});
     $('.toggle-btn button').each(function (index, item) {
         $(this).removeClass();
         $(this).addClass('nocheckBtn')
     })
     $(that).addClass('checkBtn');
     for (let i = 1; i < 5; i++) {
-        document.getElementById("windowbox" + i).style.cssText = "width: 49.5%;height: 49.5%;";
-        document.getElementById("videoPlayer"+i).style.cssText = "width: 100%;height: 100%;";
+        document.getElementById("windowbox" + i).style.cssText = "width: 49.5%;height: 49.2%;";
+        document.getElementById("videoPlayer"+i).style.cssText = "width: 98%;height: 100%;";
         $('.video'+i+'-dimensions').css("width", "100%");
         $('.video'+i+'-dimensions').css("height", "100%");
         document.getElementById("windowbox" + i).style.display = "block";
diff --git a/pages/video/video.html b/pages/video/video.html
index 30dec5f..d898a90 100644
--- a/pages/video/video.html
+++ b/pages/video/video.html
@@ -112,7 +112,7 @@
             <div id="video-box">
                 <div id="balla" class="split split-horizontal">
 
-                    <div class="layout" style="width: 100%;height: 92%;flex-wrap: wrap;">
+                    <div class="layout" id="videoBox">
                         <div id="windowbox1" class="ballsplit " ondblclick="ballScreenBig('1')"
                             style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;">
                             <video id="videoPlayer1" class="ball-content" autoplay="autoplay" loop="loop" muted