1***@qq.com
1***@qq.com
  • 发布:2020-08-03 18:20
  • 更新:2020-08-04 14:27
  • 阅读:1646

【报Bug】video全屏的cover-view不显示

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 2.8.3

手机系统: Android

手机系统版本号: Android 10

手机厂商: 小米

手机机型: mi 9

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

点击video的全屏按钮

预期结果:

全屏后能看到cover-view的控件

实际结果:

没看到

bug描述:

vue
video 竖屏的cover-view可以显示
video全屏后动态if显示的cover-view还是不起作用没有显示

<video  
            id="myVideo"   
            ref="myVideo"  
            src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20181126-lite.m4v"  
            :title="title"  
            :poster="cover"  
            @play="pdisplay(true)"   
            @pause="pdisplay(true)"  
            @ended="pdisplay(false)"  
            @controlstoggle="controls"  
            @timeupdate="timeupdate"  
            @fullscreenchange="changeScreen"  
            :danmu-list="danmuList"   
            enable-danmu    
            danmu-btn>  
            <!-- 全屏触发 -->  
            <cover-image v-if="!fullScreen" src="../../static/fanhui_white.png" alt="" class="controls-image"  @click="go_back"></cover-image>  
            <cover-view v-if="fullScreen" class="controls-top" :style="{ width: `${fullControlsWidth}px` }">  
                <cover-image src="../../static/fanhui_white.png" alt="" class="back-image"></cover-image>  
                <image src="../../static/fanhui_white.png" mode="" class="back-image"></image>  
            </cover-view>  
            <cover-view v-if="fullScreen">1111111111111111111111111111111111</cover-view>  
            <cover-view v-if="fullScreen">1111111111111111111111111111111111</cover-view>  
            <cover-view v-if="fullScreen">1111111111111111111111111111111111</cover-view>  
            <cover-view v-if="fullScreen">1111111111111111111111111111111111</cover-view>  
        </video>  
changeScreen(e) {  
                this.fullScreen = !this.fullScreen  
            },
2020-08-03 18:20 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

不支持,文档video组件有说明

  • 1***@qq.com (作者)

    那app端vue页面video后怎么样才可以绘制界面 比如加个标题、加个分享按钮

    2020-08-04 17:48

  • 1***@qq.com (作者)

    全屏的时候

    2020-08-04 17:48

  • DCloud_UNI_GSQ

    回复 1***@qq.com: 目前文档上写的是此类需要可以改用nvue实现

    2020-08-04 17:55

  • 1***@qq.com (作者)

    回复 DCloud_UNI_GSQ: 我还想请教一下nativeObj是不是在vue app端 video全屏不管用,因为今早上试了nativeObj创建icon 发现还是全屏不显示 竖屏就可以显示

    2020-08-07 10:04

  • 1***@qq.com (作者)

    回复 DCloud_UNI_GSQ: plus.nativeObj.View这个

    2020-08-07 10:28

  • DCloud_UNI_GSQ

    回复 1***@qq.com: cover-view 就是使用的 plus.nativeObj.View

    2020-08-07 10:37

  • 1***@qq.com (作者)

    回复 DCloud_UNI_GSQ: 啊啊啊啊啊啊啊啊啊难道只有改成nvue才能在video全屏搞东西吗,

    2020-08-07 10:41

该问题目前已经被锁定, 无法添加新回复