小杏
小杏
  • 发布:2022-10-10 14:07
  • 更新:2024-04-17 17:08
  • 阅读:433

video全屏后,cover-view的内容没有显示

分类:uni-app

想做自定义控制栏,但是全屏之后控制栏没有了,而且真机上内部按钮点击很困难

<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="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-10 14:07 负责人:无 分享
已邀请:
FullStack

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866

  • 小杏 (作者)

    这个插件我试了,真机上播放不了

    2022-10-10 14:15

小杏

小杏 (作者)

我试了一下subNVue ,全屏之后也没有了

DCloud_heavensoft

DCloud_heavensoft

注意页面需要是nvue

  • 1***@qq.com

    我使用的的确是nvue并且也是嵌套在video里 也是用的cover-view 但是全屏之后同样都是展示不了

    2022-12-05 08:54

5***@qq.com

5***@qq.com

我的情况正好相反,非全屏时cover-view不显示,全屏后显示

要回复问题请先登录注册