1***@qq.com
1***@qq.com
  • 发布:2019-09-04 17:12
  • 更新:2022-10-26 15:22
  • 阅读:3179

video总是悬浮在最上层,不随页面滚动而滚动

分类:uni-app

一个类似朋友圈的列表,动态发布的video展示出来,滚动页面video悬浮在最上层,根本没滚动,页面的原视频位置就是两个一样大小的背景为黑色的框框
代码如下:
<view class="margin-top-sm" v-if="item.video">
<video :id="item.video" :src="videoPrefix + item.video + videoSuffix" class="video" objectFit="cover"
controls loop="true" muted="true"></video>
</view>

2019-09-04 17:12 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

我也碰到了同样的问题 ,请问楼主解决了吗

DCloud_heavensoft

DCloud_heavensoft

video是原生的,层级比普通vue页面元素的层级高。注意看video的文档注意事项。以及参考原生层级覆盖问题解决方案:https://uniapp.dcloud.io/component/native-component

我吃柠檬

我吃柠檬 - .....

请问解决了吗?我也遇到了,在长列表中video标签不跟随页面滚动

DCloud_uni-ad_HDX

DCloud_uni-ad_HDX

请提供示例代码

探索者永无止境

探索者永无止境

楼主解决了吗

叶凌风

叶凌风 - 叶凌风

我也遇到这个问题了,是原生级的问题吗,都是黑色背景,滚动不随页面的,固定在那里

2***@qq.com

2***@qq.com

同样遇到这个问题,有解决的方法吗?

d***@foxmail.com

d***@foxmail.com - CASD

上周才解决哈哈,确实坑

1***@qq.com

1***@qq.com

  1. video容器绑定style属性,设置position:fixed,top,left给个初始值
  2. 页面onShow后,uni.createSelectorQuery获取video容器obj对象
  3. 监听页面滚动事件或者scroller-view滚动事件
  4. 调用video容器obj对象boundingClientRect方法,获取其容器position,然后赋值到top,left属性

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