移動端video最高級遮擋其他元素的問題


最近在做直播的項目,遇到一個問題,當直播過程中,后台推送圖片或者調查問卷的時候,會彈出一個層,這時候發現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標簽上。

 

相關文獻

https://blog.csdn.net/qq_31699019/article/details/114930812


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM