1***@qq.com
1***@qq.com
  • 发布:2020-04-07 17:24
  • 更新:2023-06-01 11:51
  • 阅读:3787

uniapp使用video真机运行视频始终悬浮在页面之上

分类:uni-app

<view class="mingjiazhuanfang-center">
<video :src="item.vide"></video>
</view>

2020-04-07 17:24 负责人:无 分享
已邀请:
6***@qq.com

6***@qq.com

楼主解决了吗?

7***@qq.com

7***@qq.com - hello world

楼主是不是也用了 swiper scroll-view 嵌套video出现的问题?

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

    是的,因为在vue中video的层级关系太高导致的,如果想避免这样好像要在nvue中使用,官方上是这样说的:除微信基础库 2.4.0 和app端nvue页面 2.1.5 以上,其他情况下非H5的video不能放入scroll-view和swiper,具体的你去video组件中看看https://uniapp.dcloud.io/component/video

    2020-05-15 13:55

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

    官方好像给了解决方案给你地址看看吧,https://uniapp.dcloud.io/component/native-component

    2020-05-15 13:58

7***@qq.com

7***@qq.com

解决了吗

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

    抱歉没有,因为在vue中video的层级关系太高导致的,如果想避免这样好像要在nvue中使用,官方上是这样说的:除微信基础库 2.4.0 和app端nvue页面 2.1.5 以上,其他情况下非H5的video不能放入scroll-view和swiper,具体的你去video组件中看看https://uniapp.dcloud.io/component/video

    2020-05-15 13:56

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

    官方好像给了解决方案给你地址看看吧,https://uniapp.dcloud.io/component/native-component

    2020-05-15 13:58

1***@qq.com

1***@qq.com

楼主解决这个问题了吗

要回复问题请先登录注册

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

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

## 大标题 
### 小标题

斜体 / 粗体 :

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

代码片段 :

``` 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

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

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