關於移動端開發,vedio標簽層級高遮擋蒙版的解決方案


問題描述:

     使用famework7框架搭建了一個界面,然后再界面中需要使用蒙版效果,在PC端,ios測試沒有問題,在Andriod播放視屏再點擊顯示蒙版的效果師,視頻會遮蓋蒙版。修改定位,z-index都沒有用。

 

安卓手機內置x5內核,x5內核不遵循許多web標准,vedio層級最高,播放時不支持所有DOM層面的操作,所以並沒有好的解決方案,最后采用的解決方案就是在點擊視頻播放按鈕之后使視頻全屏覆蓋。

 

  以下是我在原有代碼基礎上添加的內容,可供遇到同樣問題的你使用:

 

給vedio標簽添加屬性,播放時全屏覆蓋

<video src="https://hy.v.netease.com/2018/1030/5c9caed3eea6c6e079673d031fca3350qt.mp4" controls="controls" x5-playsinline="" playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-player-fullscreen="" x5-video-orientation="portraint"></video>

 


免責聲明!

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



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