仿抖音上下滑动视频组件，高性能不卡顿

更新记录

1.0（2020-06-24）

最近业务不忙来发一个插件，我们自己开发之初遇到的坑，坑了我好几天。

1、仿抖音上下滑动视频动态更新数据组件播放速度快不卡 2、解决插件市场一些插件有无法播放或滚动卡，安卓与苹果兼容问题。 3、某些插件使用@appear="onappear" 播放切换下一个视频，其实这个是有BUG； 4、 @appear @disappear这两个方法在苹果中触发顺序有问题。有时@disappear不触发。 5、苹果暂时不了，重新播放黑屏，但安卓没问题， 6、视频正在缓冲未播放时，切换下一个视频，暂停不了，就会出现多个同时播放；

加微信可以入讨论微信群，微信号（手机）：18188902623

平台兼容性

Vue2	Vue3
√	×

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
app-nvue	×	×	×	×	×	×

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
×	×	×	×	×	×	×	×	×

最近业务不忙来发一个插件，我们自己开发之初遇到的坑，坑了我好几天。

1、仿抖音上下滑动视频动态更新数据组件播放速度快不卡
2、解决插件市场一些插件有无法播放或滚动卡，安卓与苹果兼容问题。
3、某些插件使用@appear="onappear" 播放切换下一个视频，其实这个是有BUG；如拉到快一半，应该回弹回去不应该触发的下一个播放的
4、 @appear @disappear这两个方法在苹果中触发顺序有问题。有时@disappear不触发。
5、苹果暂停不了，重新播放黑屏，但安卓没问题，
6、视频正在缓冲未播放时，切换下一个视频，暂停不了，就会出现多个同时播放；

一点一点心得,希望对大家有帮助
最初咱们使用官方swiper插件，根本行不通，有的手机卡得死，而且只能固定几个不能动态添加数据
暂停不了，ios暂时了,回头再播放有声音没画面，是个黑屏；后来只能使用if关闭
小米手机高度多了1px,引发一系列BUG
IphoneX 会被拉身
contain：观看手机与录制视频不一样，都是黑边不可取
cover：安卓正常，ios被拉身
fill：ios正常，android 被拉身

加微信可以入讨论微信群，微信号（手机）：18188902623