Browse Source

fix(player): 修复分屏页面视频无法自动播放的问题

xiaoQQya 2 years atrás
parent
commit
a30ff222ec
1 changed files with 8 additions and 3 deletions
  1. 8 3
      web_src/src/components/common/jessibuca.vue

+ 8 - 3
web_src/src/components/common/jessibuca.vue

@@ -1,6 +1,6 @@
 <template>
   <div ref="container" @dblclick="fullscreenSwich"
-       style="width:100%;height:100%;background-color: #000000;margin:0 auto;">
+       style="width:100%;height:100%;background-color: #000000;margin:0 auto;position: relative;">
     <div class="buttons-box" id="buttonsBox">
       <div class="buttons-box-left">
         <i v-if="!playing" class="iconfont icon-play jessibuca-btn" @click="playBtnClick"></i>
@@ -60,8 +60,13 @@ export default {
     })
   },
   watch: {
-    videoUrl(val, _) {
-      this.play(val);
+    videoUrl: {
+      handler(val, _) {
+        this.$nextTick(() => {
+          this.play(val);
+        })
+      },
+      immediate: true
     }
   },
   methods: {