那些年video遇到的坑

作H5開發的童鞋應該都遇到太低版本（安卓6.0如下）安卓微信上播放video視頻以後就會有一堆廣告呈如今你面前。

每次瞪着騰訊本身出來的H5產品，五花八門的視頻！重點是還解除了廣告的限制。簡直是恨！！！！這麼專制真的好嗎？哈哈，泄憤。

參考了不少視頻類型的H5代碼，比較牛的是把mp4按幀數轉成jpg圖片，而後經過createjs將幀圖片的播放來達到視頻的效果！

頻轉出來都是上千張圖片，即便每一張只有幾K的大小，可是若是需求較大（好比須要播放三四個視頻），所有圖片加起來就會有幾十M。
這對於一個H5來講是不能忍的！這也是小編我入坑的地方。
天真的我應客戶要求升級了寬帶，如今就想拿一塊板磚敲死本身啊！

在客戶一而再，再而三地強調加載速度狀況下，我試圖將圖片分開加載，儘管這對於首頁加載是有利的。
可是嚴重影響了視頻的體驗感。並且常常出現音面對不上的狀況，這把客戶激怒了，也把小編逼瘋了（視頻不能少，還要順暢）。

就在這時……
在這個夜黑風高，凌晨半夜的時間
你覺得會有什麼事情發生嗎？No~~~並無美女大哭
由於這個需求的特殊性，偶然讓我發現了‘新大陸’。
我發現微信視頻和音頻是同一個播放器的！並且能夠用音頻去頂掉視頻！
這……這……發現這個的時候我是跳起來的

就順着這個思路，我去下載了一段什麼空白的mp3——時間最比如1S稍微長一點，小編髮現1S的音頻過短，視頻播放器並不會自動退出。

而後video在ended和pause狀態時，就將音頻play。這完美地將安卓微信播放器的廣告屏蔽掉了。並自動跳到你想要的頁！

$('#video').on('ended pause', function () {                                                                                                                  
       $('#music').play();                                                                //空白mp3；                                                            
});

小編親測！

不過安卓6.0以上這個標籤已經很是相似IOS了！因此6.0以上表現出來的畫面是跟蘋果同樣的！
經過上面的處理方式，在視頻不用加載的狀況下，整個H5的大小瞬間變成不到3M，相對於原來處理方式的22M，有坐上了火箭去旅行的感受。客戶體驗瞬間爆炸，連忙稱讚！

有問題能夠留言諮詢哦！麼麼噠~~~