資訊專欄INFORMATION COLUMN
摘要：做開發(fā)的童鞋應(yīng)該都遇到過低版本安卓以下安卓微信上播放視頻之后就會(huì)有一堆廣告呈現(xiàn)在你面前。但是嚴(yán)重影響了視頻的體驗(yàn)感。這完美地將安卓微信播放器的廣告屏蔽掉了。
做H5開發(fā)的童鞋應(yīng)該都遇到過低版本（安卓6.0以下）安卓微信上播放video視頻之后就會(huì)有一堆廣告呈現(xiàn)在你面前。
每次瞪著騰訊自己出來的H5產(chǎn)品，五花八門的視頻！重點(diǎn)是還解除了廣告的限制。簡直是恨?。。?！這么專制真的好嗎？哈哈，泄憤。
參考了很多視頻類型的H5代碼，比較牛的是把mp4按幀數(shù)轉(zhuǎn)成jpg圖片，然后通過createjs將幀圖片的播放來達(dá)到視頻的效果！
頻轉(zhuǎn)出來都是上千張圖片，即使每一張只有幾K的大小，但是如果需求較大（比如需要播放三四個(gè)視頻），全部圖片加起來就會(huì)有幾十M。
這對于一個(gè)H5來說是不能忍的！這也是小編我入坑的地方。
天真的我應(yīng)客戶要求升級(jí)了寬帶，現(xiàn)在就想拿一塊板磚敲死自己?。?/p>
在客戶一而再，再而三地強(qiáng)調(diào)加載速度情況下，我試圖將圖片分開加載，盡管這對于首頁加載是有利的。
但是嚴(yán)重影響了視頻的體驗(yàn)感。而且經(jīng)常出現(xiàn)音面對不上的情況，這把客戶激怒了，也把小編逼瘋了（視頻不能少，還要順暢）。
就在這時(shí)……
在這個(gè)夜黑風(fēng)高，凌晨半夜的時(shí)間
你以為會(huì)有什么事情發(fā)生嗎？No~~~并沒有美女大哭
因?yàn)檫@個(gè)需求的特殊性，偶然讓我發(fā)現(xiàn)了‘新大陸’。
我發(fā)現(xiàn)微信視頻和音頻是同一個(gè)播放器的！而且可以用音頻去頂?shù)粢曨l！
這……這……發(fā)現(xiàn)這個(gè)的時(shí)候我是跳起來的
就順著這個(gè)思路，我去下載了一段什么空白的mp3——時(shí)間最好比1S稍微長一點(diǎn)，小編發(fā)現(xiàn)1S的音頻太短，視頻播放器并不會(huì)自動(dòng)退出。
然后video在ended和pause狀態(tài)時(shí)，就將音頻play。這完美地將安卓微信播放器的廣告屏蔽掉了。并自動(dòng)跳到你想要的頁！
$("#video").on("ended pause", function () {
$("#music").play(); //空白mp3；
});
小編親測！
不過安卓6.0以上這個(gè)標(biāo)簽已經(jīng)非常類似IOS了！所以6.0以上表現(xiàn)出來的畫面是跟蘋果一樣的！
通過上面的處理方式，在視頻不用加載的情況下，整個(gè)H5的大小瞬間變成不到3M，相對于原來處理方式的22M，有坐上了火箭去旅行的感覺?？蛻趔w驗(yàn)瞬間爆炸，連忙稱贊！
有問題可以留言咨詢哦！么么噠~~~
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/86500.html
摘要：和部分組件表現(xiàn)的差異微信最小化后正在播放的會(huì)暫停，需要再次點(diǎn)擊播放按鈕，如果視頻設(shè)置的是不可控，沒有開始播放按鈕，視頻暫停了就無法繼續(xù)播放了，沒有該問題。 1、原生組件的層級(jí)問題 video、canvas、camera等原生組件層級(jí)最高，其他組件無論z-index為多少，都無法覆蓋在原生組件上。 這里拿video組件做示例，如果需要點(diǎn)擊視頻支持微信開放能力，例如授權(quán)手機(jī)號(hào)，獲取用戶信息...
摘要：然而我真的太天真，微信瀏覽器怎樣會(huì)讓你這樣好過問題集中于自動(dòng)播放視頻這塊，需求很簡單自動(dòng)播放全屏不顯示工具條自動(dòng)播放一步步來，自動(dòng)播放這個(gè)問題在十分肯定默認(rèn)是不支持的，必須基于用戶操作下才能加載視頻。至于在微信下和一個(gè)樣。 某天收到舊同事的信息說希望我?guī)褪肿鲆幌乱粋€(gè)簡單的H5，然后我看了看的確很簡單： 就是圖片滾動(dòng)到最后自動(dòng)播放視頻，播完顯示個(gè)按鈕交互。 然而我真的太天真，微信瀏覽器怎...
閱讀 1893·2021-11-24 09:39
閱讀 1709·2021-11-16 11:54
閱讀 3621·2021-11-11 16:55
閱讀 1892·2021-10-14 09:43
閱讀 1596·2019-08-30 15:55
閱讀 1329·2019-08-30 15:54
閱讀 3499·2019-08-30 15:53
閱讀 1458·2019-08-30 14:18
