2***@qq.com
2***@qq.com
  • 发布:2019-10-17 14:24
  • 更新:2019-10-17 15:48
  • 阅读:1274

【报Bug】在安卓下,video会覆盖其他nvue组件

分类:nvue

详细问题描述

一份相同的代码,在安卓下是video会遮挡其他组件,而在ios不会,
video使用的是绝对布局。

[内容]

重现步骤

在播放的时候安卓与ios都不会遮挡
播放以后,安卓会遮挡而ios不会

[步骤]
css布局如下

.live-player {  
    width: 750px;  
    top: 0;  
    bottom: 0;  
    position: absolute;  
    background-color: rgba(0, 0, 0, 0.3);  
    z-index: -1;  
}  
.live-post {  
    width: 750px;  
    position: absolute;  
    left: 0;  
    top: 0;  
    bottom: 0;  
    transition: opacity 0.5s ease-in-out;  
    z-index: 200;  
}  
.live-action-mask {  
    width: 750px;  
    left: 0;  
    top: 0;  
    bottom: 0;  
    padding: 20rpx 16px 0 16px;  
    position: absolute;  
    justify-content: space-between;  
    flex-direction: column;  
    z-index: 10;  
}

[结果]

[期望]
安卓应该和ios一样,不会遮挡其他元素。

IDE运行环境说明

HBuilderX

最新版本

uni-app运行环境说明

运行app端

安卓为自定义基座,ios为默认基座

HBuilderX创建

自定义组件

App运行环境说明

安卓最新版本

ios13

2019-10-17 14:24 负责人:无 分享
已邀请:
陈晨1

陈晨1

color不要用rgba,transition属性拆开写

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

    我去掉了这2个,以及其他的似乎没有好转,在没有播放的时候可以显示,在开始播放以后就背遮挡了,我上传下工程文件麻烦你们看下

    2019-10-17 15:30

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

    55555麻烦看下,我已经快要背折腾封了

    2019-10-17 15:36

陈晨1

陈晨1

我播放没问题

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

    啊 内伤 会不会跟编译模式有关 emmmm 红米和诺基亚都是这个情况

    2019-10-17 15:56

  • 陈晨1

    回复 2***@qq.com: https://uniapp.dcloud.io/component/cover-view?id=cover-view

    2019-10-17 16:08

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

    回复 陈晨1: 但是用nvue不就是为了摆脱cover系列的限制吗,没找到问题点2333我在找找看

    2019-10-17 16:16

  • 陈晨1

    回复 2***@qq.com: nvue的视频全屏后,仍然可以通过cover-view实现内容覆盖,比如增加文字标题、分享按钮。

    2019-10-17 16:19

  • 陈晨1

    回复 2***@qq.com: https://uniapp.dcloud.io/use-weex?id=nvue%E5%BC%80%E5%8F%91%E4%B8%8Evue%E5%BC%80%E5%8F%91%E7%9A%84%E5%B8%B8%E8%A7%81%E5%8C%BA%E5%88%AB

    2019-10-17 16:19

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

    回复 陈晨1: 这个了解,但是我通过css控制他撑开全屏,应该不会定义为全屏吧(我缩小了一点,还是会这个),或者说,安卓在某些情况下会自动全屏?

    2019-10-17 16:35

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

    回复 陈晨1: 回复 陈晨1: 就好像你使用代码打开,结果跟我的表现不一样,说明应该不是全屏的问题,或者说因为某些设置自动全屏了?测试了3台安卓都这样,好尴尬,虽然知道应该某些特定条件下产生的问题,但是无路解决啊

    2019-10-17 16:43

  • 陈晨1

    回复 2***@qq.com: 你会不会是有什么全局配置配错了,所以才不显示,我是直接复制到uni-ui里面打开的

    2019-10-17 16:56

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

    回复 陈晨1: 我试下 你的方法康康

    2019-10-17 16:57

  • 陈晨1

    回复 2***@qq.com: 阿伟你很勇哦

    2019-10-17 16:59

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

    回复 陈晨1: 试了,不行。撞坑上了~继续研究

    2019-10-17 17:25

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

    回复 陈晨1: 我怀疑他自动全屏了或者创建了一个播放层,回家继续研究233333。因为在调试模式上没有播放器的边框?

    2019-10-17 17:52

  • 陈晨1

    回复 2***@qq.com: 阿伟你代码发给杰哥帮你康康

    2019-10-17 18:03

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

    回复 陈晨1:项目还没整理有点大,用度盘给你了,emmm,不急不急,带错手机回家了,所以晚上搞不了事情了

    2019-10-17 18:51

  • 陈晨1

    回复 2***@qq.com: 那明天再弄

    2019-10-17 19:07

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

    回复 陈晨1: 直播的m3u8地址不一定24小时有效,对应的vue文件有一个mp4的测试地址,可以替换到nvue下

    2019-10-18 05:55

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

    回复 陈晨1: 嘿嘿嘿 如何

    2019-10-18 11:07

  • 陈晨1

    回复 2***@qq.com: 你用什么手机,我这没复现

    2019-10-18 11:24

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

    回复 陈晨1: 诺基亚 红米 2台还有一台小辣椒

    2019-10-18 11:26

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

    回复 陈晨1: 开发机是mac

    2019-10-18 11:28

  • 陈晨1

    回复 2***@qq.com: 你去抄hello-uniapp吧,里面有视频上面覆盖东西的效果

    2019-10-18 11:32

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

    回复 陈晨1: emmm 好 我看看

    2019-10-18 11:43

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

    回复 陈晨1: 可以了,我修改了2个地方,一个是安卓的权限列表,使用了hello-uni的权限配置,一个是cpu类型全部去掉以后,打自定义基座才可以,占不清楚是那个地方引起的,或者共同作用

    2019-10-18 14:42

  • 陈晨1

    回复 2***@qq.com: 好的

    2019-10-18 15:03

  • 大前端小王子

    回复 2***@qq.com: hello-uni的权限配置是什么

    2021-04-06 16:02

  • 大前端小王子

    楼主可以贴图吗

    2021-04-06 16:03

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