【前端技術(shù)】移動端video遇到的坑

需求：為直播–某一時刻播放視頻，從開始至視頻結(jié)束之前進入的用戶可以觀看播放中的視頻（需要計算用戶進入時間調(diào)整播放進度）主要播放環(huán)境：微信瀏覽器坑一： 個別機型不支持用戶進入頁面直接播放視頻，需手動觸發(fā)（瀏覽器規(guī)則），可以靜音播放（不符合需求）
解： 如果視頻還未到達開始播放時間，可以彈框提示用戶未開始，如果已經(jīng)到達播放時間，可以彈窗提醒用戶，【XX直播已開始，立即進入】，待用戶點擊確認時觸發(fā)播放視頻。
坑二： 不同機型的播放控件樣式不同
解： 采用組件【vue-video-player】?video組件坑三： 個別機型全屏狀態(tài)下會自動出現(xiàn)進度條、暫停按鈕等，在播出結(jié)束后還有很大可能出現(xiàn)不同的廣告視頻
解：無解，出現(xiàn)這個問題的原因是騰訊在檢測到你的html文件中如果存在video標簽，他們會再次創(chuàng)建一個video標簽，并浮于頁面頂層，盡管在代碼中你可能fixed一個頂部浮層，z-index無窮大，依然無法覆蓋住video，因為你所看到的這個video不是當前HTML中的，是騰訊創(chuàng)建的，且騰訊官方文檔有寫?騰訊-x5內(nèi)核視頻問答，建議打算開發(fā)web-video且主要宿主環(huán)境是微信的都看一下這篇文檔，不然就爬不出坑了！坑四： 在使用了video組件之后，用戶手動觸發(fā)播放，個別機型的video突然彈出居中頁面，頁面底部為黑色（如公眾號文件中的視頻點擊之后會浮上來）
解：無解，原因如坑三盡管踩了很多坑，但是微信這邊的做法也并不無道理，大部分的需求都是正常的視頻播放，如果給到相對統(tǒng)一的樣式、形式會更有利于開發(fā)者~最終的解決方案是使用小程序做了一個（在一個相對獨立的小程序添加了這個頁面，直接給個小程序碼的入口），雖然完成了，最終還是選擇了第三方平臺