reactor:优化播放组件

src/components/video-player/video-player.vue

@@ -4,7 +4,6 @@
 
 <script>
 import Artplayer from 'artplayer'
-import flvjs from 'flv.js'
 export default {
   name: 'ArtPlayer',
   props: {
@@ -22,20 +21,7 @@ export default {
     initPlayer() {
       this.artPlayer = new Artplayer({
         ...this.option,
-        container: this.$refs.videoPlayer,
-        type:"flv",
-        customType: {
-          flv: (video, url, art) => {
-            if (flvjs.isSupported()) {
-              if (art.flv) art.flv.destroy()
-              const flv = flvjs.createPlayer({ type: 'flv', url })
-              flv.attachMediaElement(video)
-              flv.load()
-              art.flv = flv
-              art.on('destroy', () => flv.destroy())
-            }
-          }
-        }
+        container: this.$refs.videoPlayer
       })
     }
   },

src/views/video-play-popup/index.vue

@@ -6,6 +6,7 @@
 
 <script>
 import Artplayer from '@/components/video-player/video-player.vue'
+import flvjs from 'flv.js'
 export default {
   name: 'WaterStationPopup',
   data() {
@@ -16,7 +17,20 @@ export default {
         url:"ws://10.157.200.5:9381/live/43010000831327000018_0_0_39f33131b0ac4611a4e7da4d692a1195.flv",
         isLive:true,//使用直播模式，会隐藏进度条和播放时间
         autoplay:true,
-        muted: true//是否静音
+        muted: true,//是否静音
+        type:"flv",
+        customType: {
+          flv: (video, url, art) => {
+            if (flvjs.isSupported()) {
+              if (art.flv) art.flv.destroy()
+              const flv = flvjs.createPlayer({ type: 'flv', url })
+              flv.attachMediaElement(video)
+              flv.load()
+              art.flv = flv
+              art.on('destroy', () => flv.destroy())
+            }
+          }
+        }
       },
       style:{
         width: '600px',