起个名好难
起个名好难
  • 发布:2021-08-03 16:35
  • 更新:2023-04-12 20:07
  • 阅读:761

【报Bug】video组件全屏下层级太高

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.9.9

手机系统: Android

手机系统版本号: Android 8.0

手机厂商: 华为

手机机型: 华为P9

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:
<video style="width: 100%;" src="'****" title="'title'" @play="playVideo(item)"
@pause.stop="videoclick(item)"
@fullscreenchange="fullscreenchange(item)" id="'videp'+item.id" controls poster="item.attachmentVOS[0].length==''?'./static/image/video404.jpg':item.url==''?http://******/StudentBookMessageController/getVideoCoverOrPdfToImage?id=${item.id}:'http://**/'+item.url"> <!-- #ifdef APP-PLUS -->
<cover-view class="coverview-title coverview-center" :id="'tip'+item.id" v-show="item.addshow2">
{{item.videoTime}}
</cover-view>
<!-- #endif -->
</video>

预期结果:
<video style="width: 100%;" src="'****" title="'title'" @play="playVideo(item)"
@pause.stop="videoclick(item)"
@fullscreenchange="fullscreenchange(item)" id="'videp'+item.id" controls poster="item.attachmentVOS[0].length==''?'./static/image/video404.jpg':item.url==''?http://******/StudentBookMessageController/getVideoCoverOrPdfToImage?id=${item.id}:'http://**/'+item.url"> <!-- #ifdef APP-PLUS -->
<cover-view class="coverview-title coverview-center" :id="'tip'+item.id" v-show="item.addshow2">
{{item.videoTime}}
</cover-view>
<!-- #endif -->
</video>

实际结果:
<video style="width: 100%;" src="'****" title="'title'" @play="playVideo(item)"
@pause.stop="videoclick(item)"
@fullscreenchange="fullscreenchange(item)" id="'videp'+item.id" controls poster="item.attachmentVOS[0].length==''?'./static/image/video404.jpg':item.url==''?http://******/StudentBookMessageController/getVideoCoverOrPdfToImage?id=${item.id}:'http://**/'+item.url"> <!-- #ifdef APP-PLUS -->
<cover-view class="coverview-title coverview-center" :id="'tip'+item.id" v-show="item.addshow2">
{{item.videoTime}}
</cover-view>
<!-- #endif -->
</video>

bug描述:

video组件在全屏在层级太高,导致无法插入自定义内容;
试了cover-view,subnvue, plus.nativeObj均无效;
还有一个问题就是,官方文档里video title属性在vue页面不生效,无法加入标题;
video组件播放按钮模糊;

2021-08-03 16:35 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

解决了吗?

深溪数智

深溪数智

怎么解决的?

1***@qq.com

1***@qq.com

我这边是 webview 调用了 浏览器全屏以后 层级直接顶级了 不管是subnvue还是plus.nativeObj都不行

  • 深溪数智

    是的,我用nvue也不行,全屏后不能自定义内容了,uniapp的video太拉了

    2023-04-13 14:59

  • yuje

    回复 深溪数智: 您好 现在解决了吗

    2023-05-07 11:33

要回复问题请先登录注册