微信小程序开发,<scroll-view>嵌套<video>标签使其横向滚动时,视频组件会悬浮在手机上,怎么解决,让其一起滚动?

<view class="most-new-content">

<view class="most-new-content-desc">{{mostNew[index].description}}</view>
<scroll-view scroll-x="true" style=" white-space: nowrap; display: flex;height:100%;" >
  
     <video class="section" poster="http://www.jshuaiweb.com/mini/jinyi/images/mostNew-1.png" src="http://tbm.alicdn.com/Uob6TqgDJuggjUaP6bv/NNtoO48LH9fensAkefH%40%40sdregop.mp4" danmu-list="{{danmuList}}" enable-danmu danmu-btn controls bindtap="bindfullscreenchange" objectFit='fill'>

    </video> 
  
  <image bindtap='touchStart' wx:for="{{mostNew[index].imgUrl}}" wx:key="index"  src="{{item}}"></image>
</scroll-view>

</view>

阅读 11k
2 个回答
tip: video 组件是由客户端创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。
tip: 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 video 组件。
tip: css 动画对 video 组件无效。

https://mp.weixin.qq.com/debu...

小程序文档里已经说明了,你这个需求无解的,你播放视频建议让video独占一页,我就是这么做的。你展示视频列表可以将视频帧图片来做展示,点击后打开视频播放层或跳转到单独的一个视频播放页

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题