增加视频播放返回按钮显示隐藏

This commit is contained in:
2024-12-07 17:39:56 +08:00
parent ff96875de7
commit 014f71b43b
3 changed files with 32 additions and 25 deletions

View File

@@ -6,7 +6,7 @@
<view class="swipers-items" @longpress="openBs()" @appear="appear(item.courseDetailsId,i)"
:style="boxStyle">
<!-- 视频 -->
<video :show-fullscreen-btn="false" @controlstoggle="controlstoggles" object-fit="cover"
<video :show-fullscreen-btn="false" @controlstoggle="controlstoggles" object-fit="contain"
v-if="isShowVideo == item.courseDetailsId && item.videoUrl" :play-strategy="2"
:show-loading="true" codec="software" :muted="false" :show-center-play-btn="true" :loop="true"
@timeupdate="timeupdate"
@@ -18,7 +18,7 @@
mode="aspectFill">
</image>
<!-- 返回图标 -->
<image src="../static/nvueIcon/backs.png" @click="goBack()" class="swipers-items-back" mode="">
<image v-if="showBack" src="../static/nvueIcon/backs.png" @click="goBack()" class="swipers-items-back" mode="">
</image>
<!-- 右边操作 -->
<view class="swipers-items-right" :style="rightTop" v-if="showControls">
@@ -313,6 +313,7 @@
export default {
data() {
return {
showBack:false,
noBuyVideoIndex:null,
// 奖品列表,
showMoney: true,
@@ -845,6 +846,7 @@
//显示/隐藏适配控制器的回调
controlstoggles(e) {
this.showControls = e.detail.show
this.showBack=!this.showBack
// console.log(e.detail.show, '显示/隐藏控制栏')
},
//打开倍速弹框