小程序 video 层级，原生组件

Posted 2021-01-09 两千万少女的梦

• 原生组件的层级是最高的，所以页面中的其他组件无论设置 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了