小程序视频播放组件video-小程序实现视频播放-视频播放小程序-即速应用

小程序视频播放组件video-小程序实现视频播放-视频播放小程序

浏览量：5366 时间：2020-04-06 来源：weixin_30851409

1.
最近在做一个视频播放的功能，要求如下：
2.
1、实现视频的全屏播放；
3.
2、实现视频相关信息的展示；
4.
3、实现视频滑动上下切换效果；
5.
肯定选择用原生组件video了，真是不用不知道，一用都是坑；
6.
首先，组件的层级最高；编译器和真机呈现的效果完全不一样；
7.
其次，相关需求要求很高，有些效果很难实现；
8.
最后，组件真是太坑了，如有另一种选择，肯定不用它；
9.
解决方案：
10.
幸好微信提供了可以覆盖在原生组件的组件cover-view，这样能解决视频信息在组件表层的显示；
11.
但是，cover-view又没有提供滑动事件，根本没法监听滑动事件；各种尝试后，选择了视频层级上裹一层canvas，可以发挥自己的能力去处理滑动监听了；
12.
还有一个问题就是全屏播放问题，现在微信提供全局的顶部栏的自定义配置。但自定义配置实在是耗神费力，需要所有页面都自定义顶部栏；就暂时放弃了，显示的全屏；
13.
幸好，下一个版本的微信将提供，单个页面的全屏配置；
14.
好了，今天就先分享到这了，踩坑填坑，真是一份吃力不讨好的过程；以后再贴git源码了，，，