From 732287caffbe77a5997fb8c426f17dcb32298e1b Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Tue, 18 Jun 2024 10:54:52 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/video/video.css         | 14 ++++++++++----
 js/pages/video/videoAjax.js |  4 ++--
 pages/video/video.html      |  6 +++---
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/css/video/video.css b/css/video/video.css
index beea06e..58578e0 100644
--- a/css/video/video.css
+++ b/css/video/video.css
@@ -283,10 +283,15 @@ body {
 
 /* 中侧样式 start */
 #balla {
-    width: 98.5%;
+    /* width: 98.5%;
     height: 98.5%;
     margin-left: 0.5%;
     margin-top: 0.5%;
+    float: left; */
+    width: 100%;
+    height: 100%;
+    padding: 2% 0.1% 0% 0.1%;
+    box-sizing: border-box;
     float: left;
 }
 
@@ -296,20 +301,20 @@ body {
 .ballsplit {
     width: 96.9%;
     height: 99%;
-    margin-left: 5%;
+    /* margin-left: 5%; */
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     overflow-y: hidden;
     overflow-x: hidden;
-    margin: 0.3%;
+    /* margin: 0.3%; */
 }
 
 /*视频框样式*/
 
 .ball-content {
     width: 98%;
-    height: 95%;
+    height: 98%;
     margin: 1% 1% 0 1%;
     pointer-events: none;
     background-color: #000;
@@ -419,4 +424,5 @@ body {
     cursor: pointer;
     color: #000;
     font-size: 15px;
+    margin: 0 10px;
 }
\ No newline at end of file
diff --git a/js/pages/video/videoAjax.js b/js/pages/video/videoAjax.js
index 4cd9b79..b1a3fa9 100644
--- a/js/pages/video/videoAjax.js
+++ b/js/pages/video/videoAjax.js
@@ -77,7 +77,7 @@ function oneVideo(that){
         document.getElementById("windowbox" + i).style.display = "none";
     }
     document.getElementById("windowbox" + 1).style.cssText = "width: 100%;height: 100%;";
-    document.getElementById("videoPlayer"+1).style.cssText = "width: 98%;height: 95%;";
+    document.getElementById("videoPlayer"+1).style.cssText = "width: 98%;height: 98%;";
     nowDmoScree=1;
     while (playList.length > nowDmoScree) {
         console.log(playList[0].windBox)
@@ -103,7 +103,7 @@ function fourVideo(that){
     })
     $(that).addClass('checkBtn');
     for (let i = 1; i < 5; i++) {
-        document.getElementById("windowbox" + i).style.cssText = "width: 48.5%;height: 46.8%;";
+        document.getElementById("windowbox" + i).style.cssText = "width: 49.5%;height: 49.5%;";
         document.getElementById("videoPlayer"+i).style.cssText = "width: 100%;height: 100%;";
         $('.video'+i+'-dimensions').css("width", "100%");
         $('.video'+i+'-dimensions').css("height", "100%");
diff --git a/pages/video/video.html b/pages/video/video.html
index fbb8150..30dec5f 100644
--- a/pages/video/video.html
+++ b/pages/video/video.html
@@ -110,9 +110,9 @@
         </div>
         <div id="center-box">
             <div id="video-box">
-                <div id="balla" class="split split-horizontal" style="margin-top: 20px;">
+                <div id="balla" class="split split-horizontal">
 
-                    <div class="layout" style="width: 100%;height: 95%;flex-wrap: wrap;">
+                    <div class="layout" style="width: 100%;height: 92%;flex-wrap: wrap;">
                         <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
@@ -134,7 +134,7 @@
                                 controls="controls"></video>
                         </div>
                     </div>
-                    <div style="margin-left: 46%;margin-top: -10px;" class="toggle-btn">
+                    <div class="toggle-btn layout" style="height: 7%;">
                         <button onclick="oneVideo(this)" class="checkBtn">1</button>
                         <button onclick="fourVideo(this)" class="nocheckBtn">4</button>
                     </div>