<video :src="detail.url" id="trainVideo" ref="trainVideo" :muted="true" :enable-progress-gesture="false" :controls="false" :show-progress="false" @timeupdate="timeupdateFun" @ended="endPlay" @play="playFun" @pause="pauseFun" @fullscreenchange="handlerFullScreenChange">
<cover-image src="@/static/train/icon_back.png" @click="changeFullScreen" class="back-page" :class="[isFull ? 'full' : '']"></cover-image>
<cover-view class="custom-con" v-if="showControl" :class="[isFull ? 'full' : '']" @click.stop="">
<cover-view class="control-button" :class="[playLoading ? 'pause':'play']"></cover-view>
<cover-view class="current-time">{{currentTime}}</cover-view>
<cover-view class="propress">
<cover-view :style="'width:' + barWidth + '%'" class="propress-bar">
<cover-view class="yuan"></cover-view>
</cover-view>
</cover-view>
<cover-view class="duration">{{detail.time}}</cover-view>
<cover-view class="fullscreen" @click.native="changeFullScreen">
<cover-image src="@/static/train/big_screen.png" v-if="!isFull" class="icon"></cover-image>
<cover-image src="@/static/train/big_screen1.png" v-if="isFull" class="icon"></cover-image>
</cover-view>
</cover-view>
</video>
小杏
- 发布：2022-10-11 11:41
- 更新：2022-10-11 17:02
- 阅读：197
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10
HBuilderX类型： 正式
HBuilderX版本号： 3.6.4
手机系统： Android
手机系统版本号： Android 10
手机厂商： 华为
手机机型： p40
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
全屏之后，自定义控制栏可以出现，返回按钮可以出现
全屏之后，自定义控制栏可以出现，返回按钮可以出现
实际结果：
全屏之后，cover-view里的内容页面上没有了
全屏之后，cover-view里的内容页面上没有了
bug描述：
想做自定义控制栏，但是全屏之后在真机上控制栏没有了，而且真机上内部按钮点击很困难，总是点不到全屏按钮
小杏 (作者)
我新建了一个video-play.nvue，然后将这个代码放在这个组件里面，在vue页面调用组件，这样不对吗？
2022-10-11 17:10
DCloud_UNI_Anne
回复 2***@qq.com: 不使用组件，直接在nvue页面使用正常吗？
2022-10-11 17:21