From d64fc5247a6a45c132e5d0c145837284ccccccf4 Mon Sep 17 00:00:00 2001
From: wang_yp <357754663@qq.com>
Date: Fri, 28 Feb 2025 22:43:30 +0800
Subject: [PATCH] singin

---
 src/pages/home/homeBottom/which_video.tsx | 10 +++---
 src/pages/home/video.less                 | 40 ++++++++++++++++++++++-
 src/pages/home/video.tsx                  |  2 +-
 3 files changed, 46 insertions(+), 6 deletions(-)

diff --git a/src/pages/home/homeBottom/which_video.tsx b/src/pages/home/homeBottom/which_video.tsx
index 8fd3e4a..637be6b 100644
--- a/src/pages/home/homeBottom/which_video.tsx
+++ b/src/pages/home/homeBottom/which_video.tsx
@@ -34,6 +34,7 @@ const WhichVideo = (props) => {
         title={"视频查看"}
         className="owner_model"
         width={"80%"}
+        height={"650px"}
         centered
         open={isModalOpen}
         afterClose={() => {
@@ -48,9 +49,9 @@ const WhichVideo = (props) => {
           setIsModalOpen(false);
         }}
       >
-        <div style={{ height: "700px",  width: "100%" }}>
+        <div>
           <div style={{ display: "flex" }}>
-            <div style={{overflowY: "scroll",height: "700px"}}>
+            <div style={{overflowY: "scroll",height: "550px"}}>
               {deviceList.map((item, index) => {
                 return (
                   <div
@@ -73,7 +74,7 @@ const WhichVideo = (props) => {
               })}
             </div>
             <div style={{ width: "20px" }}></div>
-            <div style={{height:"700px",overflow:"scroll"}}>
+            <div style={{height:"550px",overflow:"scroll"}}>
               {channelList.map((item, index) => {
                 return (
                   <div
@@ -95,7 +96,8 @@ const WhichVideo = (props) => {
                 );
               })}
             </div>
-            <div className="video" style={{ width: "100%", height: "400px" }}>
+            <div style={{ width: "20px" }}></div>
+            <div className="video" style={{ width: "100%", height: "550px" }}>
               {
                 <VideoPlayer url={videoUrl} />
               }
diff --git a/src/pages/home/video.less b/src/pages/home/video.less
index 794c2dc..12a28d9 100644
--- a/src/pages/home/video.less
+++ b/src/pages/home/video.less
@@ -5,4 +5,42 @@
 }
 video::-webkit-media-controls-timeline {
     display: none;
-}
\ No newline at end of file
+}
+/*所有控件*/
+video::-webkit-media-controls-enclosure {
+    display: none;
+}
+/*播放按钮*/
+video::-webkit-media-controls-play-button {
+    display: none;
+}
+/*进度条*/
+video::-webkit-media-controls-timeline {
+    display: none;
+}
+/*全屏按钮*/
+video::-webkit-media-controls-fullscreen-button {
+    display: none;
+}
+ 
+/*观看的当前时间*/
+video::-webkit-media-controls-current-time-display {
+    display: none;
+}
+/*剩余观看时间*/
+video::-webkit-media-controls-time-remaining-display {
+    display: none;
+}
+/*音量按钮*/
+video::-webkit-media-controls-mute-button {
+    display: none;
+}
+/*隐藏切换隐藏字幕的按钮*/
+video::-webkit-media-controls-toggle-closed-captions-button {
+    display: none;
+}
+/*音量的控制条*/
+video::-webkit-media-controls-volume-slider {
+    display: none;
+}
+ 
\ No newline at end of file
diff --git a/src/pages/home/video.tsx b/src/pages/home/video.tsx
index 52ed45b..da62a1a 100644
--- a/src/pages/home/video.tsx
+++ b/src/pages/home/video.tsx
@@ -36,7 +36,7 @@ const VideoPlayer = (props: Store) => {
   return (
     <video
       ref={videoRef}
-      style={{ width: "100%", height: "100%", objectFit: "cover" }}
+      style={{ width: "100%", height: "100%"}}
       controls
       autoPlay
     />