1***@qq.com
1***@qq.com
  • 发布:2019-04-16 11:26
  • 更新:2019-04-16 19:51
  • 阅读:1828

【报Bug】video层级问题(ios12.1.4, ios12.2最新版本有bug)

分类:uni-app

复制代码
<view class="openScreen">  
        <view class="skip" @click="skip"><text class="number">{{number}}</text>跳过广告</view>  
        <view class="content" v-if="pageHomeAd.type == 'img'" :style="{height: height + 'px', background: 'url('+ pageHomeAd.typeLink + ') no-repeat center', backgroundSize: 'auto 100%'}" @click="revisePageAd"></view>  
        <view class="content" :style="{height: height + 'px'}" v-else @click="revisePageAd">  
            <video :src="pageHomeAd.typeLink" :controls="false" :autoplay="false" :show-center-play-btn="false" objectFit="cover" :duration="5"></video>  
        </view>  
        <view class="footer">  
            <view>  
                <view class="titleName">小黄历.大精彩</view>  
                <view class="titleText">Copyright©2017 mdollar</view>  
                <view class="titleText">All rights reserved</view>  
            </view>  
        </view>  
        <view class="fromPage" v-show="isEdit">  
            <view class="editTitle">编辑</view>  
            <view class="itemPage">  
                <view class="title">类型:</view>  
                <radio-group name="radio" class="radioContent" @change="radioChange">  
                    <label class="radio" v-for="(item, index) in itemType" :key="index"><radio value="item.type" :checked="item.checked" color="#ff5738"/>{{item.value}}</label>  
                </radio-group>  
            </view>  
            <view class="itemPage">  
                <view class="title">图片/视频链接:</view>  
                <view class="upload">  
                    <view class="linkfile" @click="linkTo(linkFile)" v-show="linkFile != '上传图片生成链接' && linkFile != ''">{{linkFile != '上传图片生成链接' && linkFile != '' ? '查看图片' : ''}}</view>  
                    <button type="primary" size="mini" @click="fileUpload" :style="{backgroundColor: '#ff5738'}">上传文件</button>  
                </view>  
            </view>  
            <view class="itemPage">  
                <view class="title">链接:</view>  
                <input name="input" placeholder="输入链接" v-model="link" class="link"/>  
            </view>  
            <view class="submit">  
                <button type="default" size="mini" @click="submit">提交</button>  
            </view>  
        </view>  
    </view>
```## 详细问题描述  
跳转按钮,中间弹窗都存在,在ios12.2中,都消失  
![无bug图](http://statich.yidianzixun.com/public/file/1555384980751/1555384538078.jpg)  
![有bug图,video在最上面](http://statich.yidianzixun.com/public/file/1555384980751/WechatIMG1.png)  
2019-04-16 11:26 负责人:无 分享
已邀请:
1***@qq.com

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

各位大神有解决方案吗

  • z***@qq.com

    请问解决了吗,cover-view一样被覆盖

    2019-05-05 11:32

1***@qq.com

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

没有人有解决方案吗

DCloud_uni-ad_HDX

DCloud_uni-ad_HDX

<video/> 组件在非H5是原生组件,层级高于普通前端组件,覆盖其需要使用cover-view组件

参考
https://uniapp.dcloud.io/component/video

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

    你确定这样可以,为什么我试了之后还是不行,请看截图

    2019-04-19 11:11

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

    这是我新添加的一个页面,没有加任何样式,里面的东西也没浮在上面<view class="content">

    <video src="https://statich.yidianzixun.com/public/file/1545829547390/1.mp4" :controls="false" :autoplay="false" :show-center-play-btn="false" objectFit="cover" :duration="5">

    <cover-view class="skip">

    <cover-view class="number">{{number}}</cover-view>跳过广告

    </cover-view>

    </video>

    </view>

    2019-04-19 11:17

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

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容