From c8523d2109e11b72154b9b31ceb4b74af74c0ab4 Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Mon, 17 Jun 2024 19:53:20 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E6=92=AD=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/video/video.html | 74 +++++++++++++++++++++++-------------------
 1 file changed, 41 insertions(+), 33 deletions(-)

diff --git a/pages/video/video.html b/pages/video/video.html
index 5c4ecff..ad9daaa 100644
--- a/pages/video/video.html
+++ b/pages/video/video.html
@@ -103,33 +103,40 @@
                     <div class="device-status layout">离线（0）</div>
                 </div>
                 <div id="device-tree">
-                    <ul id="video-tree" class="dtree" style="height: 100%;overflow: auto;margin: 0 2%;" data-id="-1"></ul>
+                    <ul id="video-tree" class="dtree" style="height: 100%;overflow: auto;margin: 0 2%;" data-id="-1">
+                    </ul>
                 </div>
             </div>
         </div>
         <div id="center-box">
             <div id="video-box">
                 <div id="balla" class="split split-horizontal">
-					<div style="margin-left: 50%">
-						<button onclick="onVideo()">1</button>
-						<button onclick="fourVideo()" >4</button>
-					</div>
-                    <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 controls="controls"></video>
+                    <div style="margin-left: 50%">
+                        <button onclick="onVideo()">1</button>
+                        <button onclick="fourVideo()">4</button>
+                    </div>
+                    <div class="layout" style="width: 100%;height: 100%;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
+                                controls="controls"></video>
+                        </div>
+                        <div id="windowbox2" class="ballsplit " ondblclick="ballScreenBig('1')"
+                            style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;display: none;">
+                            <video id="videoPlayer2" class="ball-content" autoplay="autoplay" loop="loop" muted
+                                controls="controls"></video>
+                        </div>
+                        <div id="windowbox3" class="ballsplit " ondblclick="ballScreenBig('1')"
+                            style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;display: none;">
+                            <video id="videoPlayer3" class="ball-content" autoplay="autoplay" loop="loop" muted
+                                controls="controls"></video>
+                        </div>
+                        <div id="windowbox4" class="ballsplit " ondblclick="ballScreenBig('1')"
+                            style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;display: none;">
+                            <video id="videoPlayer4" class="ball-content" autoplay="autoplay" loop="loop" muted
+                                controls="controls"></video>
+                        </div>
                     </div>
-					<div id="windowbox2" class="ballsplit " ondblclick="ballScreenBig('1')"
-						 style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;display: none;">
-						<video id="videoPlayer2" class="ball-content" autoplay="autoplay" loop="loop" muted controls="controls"></video>
-					</div>
-					<div id="windowbox3" class="ballsplit " ondblclick="ballScreenBig('1')"
-						 style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;display: none;">
-						<video id="videoPlayer3" class="ball-content" autoplay="autoplay" loop="loop" muted controls="controls"></video>
-					</div>
-					<div id="windowbox4" class="ballsplit " ondblclick="ballScreenBig('1')"
-						 style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto;display: none;">
-						<video id="videoPlayer4" class="ball-content" autoplay="autoplay" loop="loop" muted controls="controls"></video>
-					</div>
                 </div>
             </div>
         </div>
@@ -149,19 +156,19 @@
                             </div>
                         </div>
                     </div>
-                    
-<!--                    <div class="voi-item">-->
-<!--                        <img src="../../img/testImg/2.jpg">-->
-<!--                        <div class="voi-info layout">-->
-<!--                            <div class="voi-time layout">-->
-<!--                                <img src="../../img/video/alarm.png" alt="告警">-->
-<!--                                <p>2024-04-22 12:40:25</p>-->
-<!--                            </div>-->
-<!--                            <div class="voi-content layout">-->
-<!--                                <p>施工机械</p>-->
-<!--                            </div>-->
-<!--                        </div>-->
-<!--                    </div>-->
+
+                    <!--                    <div class="voi-item">-->
+                    <!--                        <img src="../../img/testImg/2.jpg">-->
+                    <!--                        <div class="voi-info layout">-->
+                    <!--                            <div class="voi-time layout">-->
+                    <!--                                <img src="../../img/video/alarm.png" alt="告警">-->
+                    <!--                                <p>2024-04-22 12:40:25</p>-->
+                    <!--                            </div>-->
+                    <!--                            <div class="voi-content layout">-->
+                    <!--                                <p>施工机械</p>-->
+                    <!--                            </div>-->
+                    <!--                        </div>-->
+                    <!--                    </div>-->
                     <div class="voi-item">
                         <img src="../../img/testImg/1.jpg">
                         <div class="voi-info layout">
@@ -235,4 +242,5 @@
 
 <script src="../../js/pages/video/video.js" type="text/javascript"></script>
 <script src="../../js/pages/video/videoAjax.js" type="text/javascript"></script>
+
 </html>
\ No newline at end of file