小程序蘋果手機上video會蓋住絕對定位的view層,小程序 video 層級,原生組件


問題:頁面全屏播放視頻,如果視頻上面有其他元素,點擊事件將失效

 

  • 原生組件的層級是最高的,所以頁面中的其他組件無論設置 z-index 為多少,都無法蓋在原生組件上。
    • 后插入的原生組件可以覆蓋之前的原生組件。
  • 原生組件還無法在 scroll-viewswiperpicker-viewmovable-view 中使用。
  • 部分CSS樣式無法應用於原生組件,例如:
    • 無法對原生組件設置 CSS 動畫
    • 無法定義原生組件為 position: fixed
    • 不能在父級節點使用 overflow: hidden 來裁剪原生組件的顯示區域
  • 原生組件的事件監聽不能使用 bind:eventname 的寫法,只支持 bindeventname。原生組件也不支持 catch 和 capture 的事件綁定方式。
  • 在iOS下,原生組件暫時不支持觸摸相關事件。
  • 原生組件會遮擋 vConsole 彈出的調試面板。

意思是 video 是ios原生的組件  設置z-index是不行的

但是可以解決 

 

 

官方為我們設置了 cover-view  這是個好東西 

我解決的辦法是 

<video initial-time="1" src="{{urlconfigs.bp_video(projectDetailsData.video)}}">
  <cover-view></cover-view>
</video>

 

 把 <cover-view></cover-view>  放在video里面 就ok了

 

 

 

 

轉: https://www.cnblogs.com/BeautifulBoy/p/9715355.html


免責聲明!

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



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