Shikong/wvp-gb28181-project
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
xiaoQQya 2023-11-07 09:37:40 +08:00
parent f78657473e
commit a30ff222ec
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web_src/src/components/common/jessibuca.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div ref="container" @dblclick="fullscreenSwich" <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" id="buttonsBox">
<div class="buttons-box-left"> <div class="buttons-box-left">
<i v-if="!playing" class="iconfont icon-play jessibuca-btn" @click="playBtnClick"></i> <i v-if="!playing" class="iconfont icon-play jessibuca-btn" @click="playBtnClick"></i>
@ -60,8 +60,13 @@ export default {
}) })
}, },
watch: { watch: {
videoUrl(val, _) { videoUrl: {
this.play(val); handler(val, _) {
this.$nextTick(() => {
this.play(val);
})
},
immediate: true
} }
}, },
methods: { methods: {