有个需求是这样的,想类似做一个抖音的播放界面。要求是单点视频区域的时候要实现暂停/播放。
组件大概的结构是video原生组件外面有一个父view。父view里面绑定了catchtap事件,用来控制单点播放暂停。
默认video组件的control是false。这时候没有问题。
但是如果把control放开的话,问题来了:假设当前视频未播放状态。点了控制栏的播放按钮,视频会播放,触发play事件,这时候就会把视频状态设置为播放态。父view里面的tap事件为了区分双击,做了个300ms延迟。300ms之后,判断视频正在播放,这时候就会把视频暂停;
整体的表现就是:点了控制栏的播放键,会播放-暂停;
这个有办法处理吗?
可以考虑自定义控制栏。都悬浮在video上方