diff --git a/src/components/Common/VideoMonitor/index.jsx b/src/components/Common/VideoMonitor/index.jsx
index 1cde530..4d0aa47 100644
--- a/src/components/Common/VideoMonitor/index.jsx
+++ b/src/components/Common/VideoMonitor/index.jsx
@@ -6,8 +6,12 @@ function VideoMonitor(props) {
     <div className="video-monitor">
       <h2>泡界线监控</h2>
       <div className="video-container">
-        <div></div>
-        <div></div>
+        <div>
+          <video muted autoPlay loop src="https://storage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"></video>
+        </div>
+        <div>
+          <video muted autoPlay loop src="https://storage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4"></video>
+        </div>
       </div>
     </div>
   );
diff --git a/src/components/Common/VideoMonitor/video-monitor.css b/src/components/Common/VideoMonitor/video-monitor.css
index 58e232c..75a5688 100644
--- a/src/components/Common/VideoMonitor/video-monitor.css
+++ b/src/components/Common/VideoMonitor/video-monitor.css
@@ -28,3 +28,7 @@
   height: 100%;
   background: #ccc1;
 }
+
+.video-container > div > video {
+  width: 100%;
+}