From 3436e73e720b5a15cf038369a88f2e99c1ad17f5 Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: 星期二, 30 一月 2024 10:55:41 +0800
Subject: [PATCH] 修复云端录像时间显示错误
---
web_src/src/components/common/jessibuca.vue | 18 ++++++++++++------
1 files changed, 12 insertions(+), 6 deletions(-)
diff --git a/web_src/src/components/common/jessibuca.vue b/web_src/src/components/common/jessibuca.vue
index bdb5793..c3d3e67 100755
--- a/web_src/src/components/common/jessibuca.vue
+++ b/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%;min-height: 200px;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 @@
})
},
watch: {
- videoUrl(val, _) {
- this.play(val);
+ videoUrl: {
+ handler(val, _) {
+ this.$nextTick(() => {
+ this.play(val);
+ })
+ },
+ immediate: true
}
},
methods: {
@@ -75,9 +80,10 @@
height = clientHeight
width = (16 / 9) * height
}
-
- dom.style.width = width + 'px';
- dom.style.height = height + "px";
+ if (width > 0 && height > 0) {
+ dom.style.width = width + 'px';
+ dom.style.height = height + "px";
+ }
},
create() {
let options = {
--
Gitblit v1.8.0