问题分析 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
|