From 7f965a6922a079124671ad233e3c783da92c8e69 Mon Sep 17 00:00:00 2001 From: 648540858 <648540858@qq.com> Date: 星期日, 24 四月 2022 09:30:16 +0800 Subject: [PATCH] Merge pull request #448 from hotcoffie/wvp-28181-2.0 --- web_src/src/components/common/jessibuca.vue | 23 +++++------------------ 1 files changed, 5 insertions(+), 18 deletions(-) diff --git a/web_src/src/components/common/jessibuca.vue b/web_src/src/components/common/jessibuca.vue index d071185..d05890b 100644 --- a/web_src/src/components/common/jessibuca.vue +++ b/web_src/src/components/common/jessibuca.vue @@ -1,5 +1,5 @@ <template> - <div :id="containerId" :ref="containerId" @dblclick="fullscreenSwich"> + <div id="container" ref="containerId" @dblclick="fullscreenSwich" style="width: 100%"> <div class="buttons-box" id="buttonsBox"> <div class="buttons-box-left"> <i v-if="!playing" class="iconfont icon-play jessibuca-btn" @click="playBtnClick"></i> @@ -44,7 +44,7 @@ forceNoOffscreen: false, }; }, - props: ['containerId', 'videoUrl', 'error', 'hasAudio', 'height'], + props: ['videoUrl', 'error', 'hasAudio', 'height'], mounted() { window.onerror = (msg) => { // console.error(msg) @@ -71,19 +71,19 @@ }, methods: { updatePlayerDomSize() { - let dom = document.getElementById(this.containerId); + let dom = document.getElementById('container'); const width = dom.parentNode.clientWidth dom.style.width = width + 'px'; dom.style.height = (9 / 16) * width + "px"; }, create() { let options = {}; - console.log(this.$refs[this.containerId]) + console.log(this.$refs.containerId) console.log("hasAudio " + this.hasAudio) this.jessibuca = new window.Jessibuca(Object.assign( { - container: this.$refs[this.containerId], + container: this.$refs.containerId, videoBuffer: 0.2, // 鏈�澶х紦鍐叉椂闀匡紝鍗曚綅绉� isResize: true, decoder: "static/js/jessibuca/decoder.js", @@ -203,19 +203,6 @@ this.jessibuca.on('metadata', function () { }); - }, - resize() { - if (this.jessibuca) { - this.jessibuca.resize() - this.$nextTick(() => { - let dom = document.getElementById(this.containerId); - if (dom.parentNode.clientHeight == 0) { - dom.style.height = (9 / 16) * dom.clientWidth + "px" - } - dom.style.height = dom.parentNode.clientHeight + "px"; - dom.style.width = dom.parentNode.clientWidth + "px"; - }) - } }, playBtnClick: function (event) { this.play(this.videoUrl) -- Gitblit v1.8.0