小程序苹果手机上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