fix: 修正清流视频尺寸

src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/player/components/player/components/qingliu/index.vue

@@ -15,7 +15,7 @@ export default {
   props: {
     url: {
       type: String,
-      default: ''
+      default: "",
     },
   },
   data() {
@@ -23,8 +23,7 @@ export default {
       name: "QingLiuPlayer" + Date.now(),
     };
   },
-  created() {
-  },
+  created() {},
   mounted() {
     this.init();
   },
@@ -38,13 +37,7 @@ export default {
     init() {
       window.kbt_sdk_load().then(() => {
         let parentObj = this.$refs.player_area;
-        window.kbt_player_create(
-          this.name,
-          this.url,
-          970,
-          545,
-          parentObj
-        );
+        window.kbt_player_create(this.name, this.url, 970, 545, parentObj);
       });
     },
     screenShot() {
@@ -63,9 +56,13 @@ export default {
 </script>
 
 <style scoped lang='scss'>
-.qingliu {
+.qingliu::v-deep {
   width: 100%;
   height: 100%;
+  > div {
+    width: 100%;
+    height: 100%;
+  }
   .player_area {
     width: 100%;
     height: 100%;
@@ -78,8 +75,9 @@ export default {
     color: #fff;
     background: rgba($color: #000000, $alpha: 0.6);
   }
-  canvas::v-deep {
-    width: 100% !important;
+  canvas {
+    width: 100%;
+    height: 100%;
   }
 }
 </style>
\ No newline at end of file