最近在做直播的項目,遇到一個問題,當直播過程中,后台推送圖片或者調查問卷的時候,會彈出一個層,這時候發現video層級在彈出的層級之上。
問題描述:
播放中的video把彈出的框遮蓋了
問題手機:
微信版本:最新
解決辦法:
https://x5.tencent.com/tbs/guide/video.html
騰訊的文檔介紹
在video標簽中添加x5-video-player-type:h5-page屬性來控制網頁內部同層播放,可以在視頻上方顯示html元素;
親測,在oppo和小米上 並沒有用
$('video').attr('x5-video-player-type', 'h5-page')
解決方案:
在彈出出現的時候,對video進行display:none;,關閉彈框的時候,video show出來
效果:

視頻可以正常播放;
特此記錄一下 (嘗試了各種解決方法,最終按照這個解決了,如果有小伙伴有更好的,請留言,萬分感謝)
保利威后台推送的操作:
video因為是系統原生組件層級最高,導致我們無法將自己寫的彈窗等蓋在video標簽上。
相關文獻