点击video的全屏按钮
1***@qq.com
- 发布：2020-08-03 18:20
- 更新：2020-08-04 14:27
- 阅读：1621
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 2.8.3
手机系统： Android
手机系统版本号： Android 10
手机厂商： 小米
手机机型： mi 9
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
全屏后能看到cover-view的控件
全屏后能看到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
},
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