diff --git a/src/components/Common/VideoMonitor/index.jsx b/src/components/Common/VideoMonitor/index.jsx
index 4d0aa47..598088b 100644
--- a/src/components/Common/VideoMonitor/index.jsx
+++ b/src/components/Common/VideoMonitor/index.jsx
@@ -7,10 +7,30 @@ function VideoMonitor(props) {
       <h2>泡界线监控</h2>
       <div className="video-container">
         <div>
-          <video muted autoPlay loop src="https://storage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"></video>
+          {/* <video muted autoPlay loop src="https://storage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"></video> */}
+          <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>
+          {/* <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>
diff --git a/src/components/Common/VideoMonitor/video-monitor.css b/src/components/Common/VideoMonitor/video-monitor.css
index 75a5688..b780986 100644
--- a/src/components/Common/VideoMonitor/video-monitor.css
+++ b/src/components/Common/VideoMonitor/video-monitor.css
@@ -21,6 +21,7 @@
   display: flex;
   gap: 8px;
   flex: 1;
+  max-height: 150px;
 }
 
 .video-container > div {