src/assets/css/main.css

@@ -2047,7 +2047,6 @@
   height: 100%;
   display: flex;
   align-items: center;
-  position: relative;
 }
 
 .realTime .page-content .realTime-bottom .left-view > div .video-js {
@@ -2055,12 +2054,6 @@
   height: 100%;
 }
 
-.realTime .page-content .realTime-bottom .left-view > div #video-js {
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-
 .realTime .page-content .realTime-bottom .left-view > div .video-control {
   width: 400px;
   display: flex;

src/assets/css/main.scss

@@ -2185,17 +2185,12 @@
                     height: 100%;
                     display: flex;
                     align-items: center;
-                    position: relative;
 
                     .video-js {
                         width: calc(100% - 400px);
                         height: 100%;
                     }
-                    #video-js{
+
-                        position: absolute;
-                        left: 0;
-                        top: 0;
-                    }
                     .video-control {
                         width: 400px;
                         display: flex;

src/views/page/videoMonitoring.vue

@@ -10,10 +10,7 @@
                     <div ref="monitor" class="monitor" id="monitor">
                         <!-- <video ref="videoPlayer" class="video-js" id="video-js"></video> -->
                         <img v-if="imgUrl" class="video-js" :src="imgUrl" alt="">
-                        <div v-if="!imgUrl" ref="videoPlayer" class="video-js">
+                        <div v-else ref="videoPlayer" class="video-js" id="video-js"></div>
-                            <div id="video-js"></div>
-                        </div>
-
                         <div class="video-control">
                             <div class="video-btn-big">
                                 <div class="top" @mousedown="downStart(0)">
@@ -222,12 +219,6 @@ export default {
                 width: divW,  // 播放容器宽高 也可以直接设置成数字 如 1920 单位是px
                 height: divH, // 播放容器宽高 也可以直接设置成数字 如 1080 单位是px
             })
-            window.onresize = () => {
-                this.player.reSize(
-                    this.$refs.videoPlayer.clientWidth,
-                    this.$refs.videoPlayer.clientHeight
-                );
-            };
         },
         dataInit() {
             const store = this.$store.state
@@ -254,3 +245,5 @@ export default {
 }
 </script>
 <style lang="scss"></style>
+  
+