From 5c1a5f79314de0708adfdc89db31ea120e9d72ef Mon Sep 17 00:00:00 2001
From: xiaoxie <hotcoffie@163.com>
Date: Tue, 26 Apr 2022 15:03:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=92=AD=E6=94=BE=E5=99=A8?=
 =?UTF-8?q?=E5=B0=BA=E5=AF=B8=E8=B0=83=E8=8A=82=E9=80=BB=E8=BE=91=EF=BC=9A?=
 =?UTF-8?q?=201.=E6=92=AD=E6=94=BE=E5=99=A8=E4=B8=8D=E4=BC=9A=E5=A4=A7?=
 =?UTF-8?q?=E4=BA=8E=E5=B1=8F=E5=B9=95=E9=AB=98=E5=BA=A6=202.=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E7=81=B0=E8=89=B2=E8=83=8C=E6=99=AF=E8=89=B2=E5=8C=BA?=
 =?UTF-8?q?=E5=88=86=E6=92=AD=E6=94=BE=E5=8C=BA=E5=9F=9F=203.=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE=E5=99=A8=E5=B1=85=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web_src/src/components/common/jessibuca.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/web_src/src/components/common/jessibuca.vue b/web_src/src/components/common/jessibuca.vue
index d05890ba..4773feb7 100644
--- a/web_src/src/components/common/jessibuca.vue
+++ b/web_src/src/components/common/jessibuca.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="container" ref="containerId" @dblclick="fullscreenSwich" style="width: 100%">
+  <div id="container" ref="containerId" @dblclick="fullscreenSwich" style="background-color: #eee;margin:0 auto;">
     <div class="buttons-box" id="buttonsBox">
       <div class="buttons-box-left">
         <i v-if="!playing" class="iconfont icon-play jessibuca-btn" @click="playBtnClick"></i>
@@ -72,9 +72,16 @@ export default {
   methods: {
     updatePlayerDomSize() {
       let dom = document.getElementById('container');
-      const width = dom.parentNode.clientWidth
+      let width = dom.parentNode.clientWidth
+      let height = (9 / 16) * width
+      const clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight)
+      if (height > clientHeight) {
+        height = clientHeight
+        width = (16 / 9) * height
+      }
+
       dom.style.width = width + 'px';
-      dom.style.height = (9 / 16) * width + "px";
+      dom.style.height = height + "px";
     },
     create() {
       let options = {};