修复曹煤炭港地图视频弹窗不正确

src/views/map/dialog/index.vue

@@ -15,6 +15,7 @@
       <mk-gate-machine-cmt v-if="type === 'CAR00005'||type ==='PERSON00005' " :id="id" :type="type" :gangkou="gangkou" :infoname="infoname"/>
       <zhong_da_info v-if="type === 'majordangersource'" :id="id" :type="type" :gangkou="gangkou"/>
       <video-play v-if="type === 'video'" :id="id" :type="type" :gangkou="gangkou" request-url="/api/homemajor/getVideoInfo"/>
+      <video-play-cmt v-if="type === 'platcamera00005' || type === 'CAMERA00005'" :id="id" :type="type" :gangkou="gangkou"/>
       <video-play-cfd v-if="type === 'CAMERA00004' || type === 'platcamera00004'" :id="id" :type="type" :gangkou="gangkou"/>
       <video-play-plat v-if="type === 'platcamera'" :id="id" :type="type" :gangkou="gangkou" :corp-info-id="corpInfoId"/>
       <!--秦港一公司 边界入侵  详细页面 start-->
@@ -79,6 +80,7 @@ import blindboardOrder from './blindboardOrder.vue'
 import breakgroundOrder from './breakgroundOrder.vue'
 import hoistingOrder from './hoistingOrder.vue'
 import videoPlay from './video_play.vue'
+import videoPlayCmt from './video_play_cmt.vue'
 import videoPlayCfd from './video_play_cfd.vue'
 import videoPlayPlat from './video_play_plat.vue'
 import videoPlayBianjieruqin from './video_play_bianjieruqin.vue'
@@ -118,6 +120,7 @@ export default {
     breakgroundOrder,
     hoistingOrder,
     videoPlay,
+    videoPlayCmt,
     videoPlayCfd,
     videoPlayPlat,
     hotworkCfdD,

src/views/map/dialog/video_play_cmt.vue

@@ -0,0 +1,66 @@
+<template>
+  <div>
+    <div id="aLiVideoPlayer" class="prism-player"/>
+  </div>
+</template>
+
+<script>
+
+export default {
+  props: {
+    id: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    type: {
+      type: String,
+      default() {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      hls: false,
+      player: null,
+      url: ''
+    }
+  },
+  beforeDestroy() {
+    this.player && this.player.dispose()
+  },
+  created() {
+    console.info(this.id)
+    this.showVideo()
+  },
+  methods: {
+    showVideo() {
+      this.$nextTick(() => {
+        // eslint-disable-next-line no-undef
+        this.player = new Aliplayer({
+          'id': 'aLiVideoPlayer',
+          'source': config.ysVideoUrl + '/live/loadmin/38f8c7d91db97445a1f6e0ef5bbd5ae0/' + config.ysVideoDefinition + '/' + this.id + '.m3u8',
+          // 'source': 'http://172.16.11.146:8991/videoApi/live/loadmin/38f8c7d91db97445a1f6e0ef5bbd5ae0/4/MT-CFD-MK-IPC-16216_1.m3u8',
+          'width': '100%',
+          'height': '500px',
+          'autoplay': true,
+          'isLive': true,
+          'rePlay': false,
+          'playsinline': true,
+          'preload': true,
+          'controlBarVisibility': 'hover',
+          'useH5Prism': true
+        }, function(player) {
+          console.log('The player is created')
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>