From 6e5badf01aaeffce9508b5af3cae4ca6b012fa7e Mon Sep 17 00:00:00 2001
From: lb <lb@znjszx.com>
Date: Thu, 25 Apr 2024 09:44:36 +0800
Subject: [PATCH] add video

---
 src/components/Common/VideoMonitor/index.jsx         | 8 ++++++--
 src/components/Common/VideoMonitor/video-monitor.css | 4 ++++
 2 files changed, 10 insertions(+), 2 deletions(-)

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%;
+}