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 3ac2c34..a6cb106 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