找回密码
 立即注册
搜索

video放在tab-content里面,左右滑动可能会造成video进度条滑动

1
回复
1004
查看
[复制链接]

12

主题

16

帖子

140

积分

 楼主| 2021-3-30 10:34:46 显示全部楼层 |阅读模式

我的video是放在tab-content组件里面的,现在左右滑动切换tabs可能会造成video进度条滑动,请问这种问题要怎么解决?

回复

使用道具 举报

23

主题

142

帖子

825

积分

2021-3-30 14:38:52 显示全部楼层

问题分析

video组件是tabs的子组件,video组件和tabs组件都自带滑动能力,此问题关键在于滑动的地方在video区域上,根据事件从里层往外层的冒泡机制,系统会优先处理video的滑动,而不是tabs的切换。video的滑动效果就是我们看到的调整了视频播放进度。


解决方法

在video区域上覆盖一层div(video父节点stack增加子节点div),注意div的高低要小于video的高度,以保证video底部的进度条、播放按钮区域不被遮挡。当在video区域滑动时,实际上是在div上操作,由于div和video是兄弟节点,不会触发video的滑动事件,这样就可以完美解决以上问题。


参考:

https://developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-case#h1-1604044714465


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册