小程序视频播放组件video

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

最近在做一个视频播放的功能，要求如下：

1、实现视频的全屏播放；

2、实现视频相关信息的展示；

3、实现视频滑动上下切换效果；

肯定选择用原生组件video了，真是不用不知道，一用都是坑；

首先，组件的层级最高；编译器和真机呈现的效果完全不一样；

其次，相关需求要求很高，有些效果很难实现；

最后，组件真是太坑了，如有另一种选择，肯定不用它；

解决方案：

幸好微信提供了可以覆盖在原生组件的组件cover-view，这样能解决视频信息在组件表层的显示；

但是，cover-view又没有提供滑动事件，根本没法监听滑动事件；各种尝试后，选择了视频层级上裹一层canvas，可以发挥自己的能力去处理滑动监听了；

还有一个问题就是全屏播放问题，现在微信提供全局的顶部栏的自定义配置。但自定义配置实在是耗神费力，需要所有页面都自定义顶部栏；就暂时放弃了，显示的全屏；

幸好，下一个版本的微信将提供，单个页面的全屏配置；

好了，今天就先分享到这了，踩坑填坑，真是一份吃力不讨好的过程；以后再贴git源码了，，，