收藏
评论

小程序 video 组件同层渲染公测官方

各位开发者:

大家好。

小程序原生组件因脱离 WebView 渲染而存在一些使用上的限制,为了方便开发者更好地使用原生组件进行开发,我们对小程序原生组件引入了 同层渲染 模式。通过同层渲染,小程序原生组件可与其他内置组件处于相同层级,不再有特殊的使用限制。

现阶段,小程序 video 组件 已切换至同层渲染模式。在该模式下,video 组件可以做到:

1、直接通过 z-index 属性对 video 组件进行层级控制;

2、无需使用 cover-view、cover-image 组件来覆盖 video 组件;

3、可在例如 scroll-view、swiper、movable-view 等内置组件中使用 video 组件;

4、可通过 CSS 对 video 组件进行控制;

5、video 组件不会遮挡 vConsole。

基础库 v2.4.0 及以上版本已默认开启 video 同层渲染,其他原生组件如 input、map、canvas、live-player、live-pusher 等也将逐步切换至同层渲染模式。

欢迎广大开发者进行公测,如有问题,可反馈给我们。



微信团队

2019.02.13



70282浏览
最后一次编辑于  2019-02-15
收藏

272 个评论

  • 光芒万丈
    光芒万丈
    2019-02-14

    "等" 里面有没有textarea

    2019-02-14
    赞同 1
    回复
  • 野风
    野风
    03-21

    快手小程序还是会出现层级问题,其他的平台是正常的,但是在快手就是展示的是一个白色的但是视频时播放了的

    03-21
    赞同
    回复
  • 田
    02-26
    <p style="background-color: #3f51b5; margin: 1px; color: #fff; padding: 12px; border-radius: 4px; box-shadow: 1px 1px 9px -3px #000; display: inline-block;">6</p>
    
    02-26
    赞同
    回复
  • GJ
    GJ
    2022-10-11

    红米K40 VIVOX21 微信版本8.0.28还是有video层级高的问题 其它手机正常

    2022-10-11
    赞同
    回复
  • NGT
    NGT
    2022-07-06

    安卓对外层容器transform:rotate(90deg) translate(0,-100vw)后同层渲染失败了

    2022-07-06
    赞同
    回复
  • NGT
    NGT
    2022-07-01

    transfrom:rotate(90deg)后安卓video同层渲染失败了

    2022-07-01
    赞同
    回复
  • 爱容笑
    爱容笑
    2021-12-12

    为什么我这里真机测试,还是不能覆盖呢

    2021-12-12
    赞同
    回复
  • Derrick舰长
    Derrick舰长
    2021-09-17

    我的需求:

    多个视频分层显示,而且上层单个视频还可以被移动,显示出下层的视频。

    我的实现过程

    我使用movement-area 和 movement-view ,我在movement-view中嵌入视频。

    合计10个 movement-view,10个视频。每个视频的z-index都不一样。


    问题描述

    对于拥有多层级视频video组件们的一个小程序,它的开发版及体验版在手机端被预览时,所有video组件们不能进入同层渲染模式,并且这些video 组件们还遮挡 vConsole,这么多video组件们只能显示其中一个

    其它状态

    但是在微信开发者工具端预览这个小程序和在真机调试模式下的手机端预览这个小程序时,video组件们都可以进入同层渲染模式。

    这种情况是能够满足我的预期效果。


    问题背景

    手机:iPhone6

    操作系统: iOS10.2.1

    微信版本:7.0.17

    wechatlib:2.14.1

    我的疑问

    基础库 v2.4.0 及以上版本已默认开启 video 同层渲染, 为什么我的手机端基础库是 2.14.1, 还不能开启同层渲染模式?



    2021-09-17
    赞同
    回复
  • 宋玉
    宋玉
    2021-09-16

    只有内置组件可以,自定义组件还是不行😭

    2021-09-16
    赞同
    回复
  • yushare
    yushare
    2020-12-07

    还是有部分机型有问题

    2020-12-07
    赞同
    回复

正在加载...

登录 后发表内容