問題:頁面全屏播放視頻,如果視頻上面有其他元素,點擊事件將失效
- 原生組件的層級是最高的,所以頁面中的其他組件無論設置
z-index
為多少,都無法蓋在原生組件上。- 后插入的原生組件可以覆蓋之前的原生組件。
- 原生組件還無法在
scroll-view
、swiper
、picker-view
、movable-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