添加iframe监控

src/components/live-video/index.vue

@@ -1,6 +1,9 @@
 <template>
   <view class="h-full w-full">
-    <div ref="muiPlayer"></div>
+    <iframe class="w-full h-full" v-if="type=='iframe'" :src="url"></iframe>
+    <div ref="muiPlayer" v-else>
+      
+    </div>
   </view>
 </template>
 <script>
@@ -23,73 +26,77 @@ export default {
   },
   methods: {
     videoPlayer() {
-      let parse = {}
+      if (this.type == 'iframe') {
-      if (this.type == 'm3u8') {
+        console.log("=====");
-        parse = {
-          type: 'hls',
-          loader: Hls,
-          config: {
-            debug: false,
-          },
-        }
       } else {
-        parse = {
+        let parse = {}
-          type: 'flv',
+        if (this.type == 'm3u8') {
-          loader: Flv,
+          parse = {
-          config: {
+            type: 'hls',
-            debug: false,
+            loader: Hls,
-          },
+            config: {
+              debug: false,
+            },
+          }
+        } else {
+          parse = {
+            type: 'flv',
+            loader: Flv,
+            config: {
+              debug: false,
+            },
+          }
         }
-      }
+        this.mp = new MuiPlayer({
-      this.mp = new MuiPlayer({
+          container: this.$refs.muiPlayer,
-        container: this.$refs.muiPlayer,
+          live: true,
-        live: true,
+          src: this.url,
-        src: this.url,
+          autoplay: true,
-        autoplay: true,
+          muted: true,
-        muted: true,
+          parse: parse,
-        parse: parse,
+          pageHead: false,
-        pageHead: false,
+          width: '100%',
-        width: '100%',
+          height: '100%',
-        height: '100%',
+          autoFit: false,
-        autoFit:false,
+          objectFit: 'contain',
-        objectFit: 'contain',
+          videoAttribute: [
-        videoAttribute: [
-          {
-            attrKey: 'webkit-playsinline',
-            attrValue: 'webkit-playsinline',
-          },
-          {
-            attrKey: 'playsinline',
-            attrValue: 'playsinline',
-          },
-          {
-            attrKey: 'x5-video-player-type',
-            attrValue: 'h5-page',
-          },
-        ],
-        custom: {
-          footerControls: [
             {
-              style: {},
+              attrKey: 'webkit-playsinline',
+              attrValue: 'webkit-playsinline',
+            },
+            {
+              attrKey: 'playsinline',
+              attrValue: 'playsinline',
+            },
+            {
+              attrKey: 'x5-video-player-type',
+              attrValue: 'h5-page',
             },
           ],
-        },
+          custom: {
-      })
+            footerControls: [
-      let _video = this.mp.video()
+              {
-    
+                style: {},
-      this.$nextTick(() => {
+              },
-        this.mp.on('ready', (event) => {
+            ],
-          _video.play()
+          },
-          _video.addEventListener('play', (e) => {
+        })
-            //播放事件
+        let _video = this.mp.video()
-            this.$emit('onPlayFn')
+
-          })
+        this.$nextTick(() => {
-          _video.addEventListener('ended', (e) => {
+          this.mp.on('ready', (event) => {
-            //播放完成事件
+            _video.play()
-            this.$emit('onEndedFn')
+            _video.addEventListener('play', (e) => {
+              //播放事件
+              this.$emit('onPlayFn')
+            })
+            _video.addEventListener('ended', (e) => {
+              //播放完成事件
+              this.$emit('onEndedFn')
+            })
           })
         })
-      })
+      }
     },
   },
 }

src/components/live-video/index1.vue

@@ -1,5 +1,5 @@
 <template>
-  <view>
+  <view class="h-full w-full">
     <LiveVideo
       v-if="address"
       :key="address"