小程序視頻播放組件video

最近在作一個視頻播放的功能，要求以下：

一、實現視頻的全屏播放；

二、實現視頻相關信息的展現；

三、實現視頻滑動上下切換效果；

確定選擇用原生組件video了，真是不用不知道，一用都是坑；

首先，組件的層級最高；編譯器和真機呈現的效果徹底不同；

其次，相關需求要求很高，有些效果很難實現；

最後，組件真是太坑了，若有另外一種選擇，確定不用它；

解決方案：

幸虧微信提供了能夠覆蓋在原生組件的組件cover-view，這樣能解決視頻信息在組件表層的顯示；

可是，cover-view又沒有提供滑動事件，根本無法監聽滑動事件；各類嘗試後，選擇了視頻層級上裹一層canvas，能夠發揮本身的能力去處理滑動監聽了；

還有一個問題就是全屏播放問題，如今微信提供全局的頂部欄的自定義配置。但自定義配置實在是耗神費力，須要全部頁面都自定義頂部欄；就暫時放棄了，顯示的全屏；

幸虧，下一個版本的微信將提供，單個頁面的全屏配置；

好了，今天就先分享到這了，踩坑 填坑，真是一份吃力不討好的過程；之後再貼git源碼了，，，