singin

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} />
               }

src/pages/home/video.less

@@ -6,3 +6,41 @@
 video::-webkit-media-controls-timeline {
     display: none;
 }
+/*所有控件*/
+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;
+}
+ 

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
     />