From 509d9b3cbba7ba8fdc7466c34e46db70d41517a8 Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: 星期二, 27 二月 2024 10:22:13 +0800
Subject: [PATCH] Merge branch 'wvp-28181-2.0' into main-dev
---
web_src/src/components/common/jessibuca.vue | 20 +++++++++++++-------
1 files changed, 13 insertions(+), 7 deletions(-)
diff --git a/web_src/src/components/common/jessibuca.vue b/web_src/src/components/common/jessibuca.vue
index bdb5793..3419bb5 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:518px; 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>
@@ -46,7 +46,7 @@
};
},
props: ['videoUrl', 'error', 'hasAudio', 'height'],
- mounted() {
+ created() {
let paramUrl = decodeURIComponent(this.$route.params.url)
this.$nextTick(() => {
this.updatePlayerDomSize()
@@ -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