小程序 video 层级,原生组件

  • 原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。
    • 后插入的原生组件可以覆盖之前的原生组件。
  • 原生组件还无法在 scroll-viewswiperpicker-viewmovable-view 中使用。
  • 部分CSS样式无法应用于原生组件,例如:
    • 无法对原生组件设置 CSS 动画
    • 无法定义原生组件为 position: fixed
    • 不能在父级节点使用 overflow: hidden 来裁剪原生组件的显示区域
  • 原生组件的事件监听不能使用 bind:eventname 的写法,只支持 bindeventname。原生组件也不支持 catch 和 capture 的事件绑定方式。
  • 在iOS下,原生组件暂时不支持触摸相关事件。
  • 原生组件会遮挡 vConsole 弹出的调试面板。

意思是 video 是ios原生的组件  设置z-index是不行的

但是可以解决 

 

小程序 video 层级,原生组件

官方为我们设置了 cover-view  这是个好东西 

我解决的办法是 

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

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

 

小程序 video 层级,原生组件

上一篇:小程序知识总结-分享


下一篇:python作业/练习/实战:生成双色球小程序