src/components/Common/VideoMonitor/index.jsx

@@ -6,32 +6,8 @@ function VideoMonitor(props) {
     <div className="video-monitor">
       <h2>泡界线监控</h2>
       <div className="video-container">
-        <div>
+        <div></div>
-          {/* <video muted autoPlay loop src="https://storage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"></video> */}
+        <div></div>
-          <img
-            style={{
-              width: "100%",
-              height: "100%",
-              display: "block",
-              margin: "auto",
-              backgrounColor: "hsl(0, 0%, 25%)",
-            }}
-            src="http://10.70.180.10:8001/video_feed"
-          ></img>
-        </div>
-        <div>
-          {/* <video muted autoPlay loop src="https://storage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4"></video> */}
-          <img
-            style={{
-              width: "100%",
-              height: "100%",
-              display: "block",
-              margin: "auto",
-              backgrounColor: "hsl(0, 0%, 25%)",
-            }}
-            src="http://10.70.180.10:8000/video_feed"
-          ></img>
-        </div>
       </div>
     </div>
   );

src/components/Common/VideoMonitor/video-monitor.css

@@ -21,7 +21,6 @@
   display: flex;
   gap: 8px;
   flex: 1;
-  max-height: 150px;
 }
 
 .video-container > div {
@@ -29,7 +28,3 @@
   height: 100%;
   background: #ccc1;
 }
-
-.video-container > div > video {
-  width: 100%;
-}