收藏
评论

小程序 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



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

272 个评论

  • 双木林
    双木林
    2019-03-01

    终于等到这个功能了,赶紧试了试。真香~不过我有一个疑问:

    播放中的视频暂停机制是什么? 我发现视频页面在onHide的时候会有“自动暂停播放”效果,回到页面时候又“自动播放”了,而我在onHide里面写wx.createVideoContext('video').pause() ,切换tab页面时却不会触发暂停效果。



    2019-03-01
    赞同 2
    回复
  • 火红的萨日朗
    火红的萨日朗
    2019-02-14

    非常好的突破

    2019-02-14
    赞同 2
    回复
  • Aoi@杨
    Aoi@杨
    2020-11-10

    ios企业微信打开小程序,视频还不是同层渲染。什么时候做一下兼容啊?

    2020-11-10
    赞同 1
    回复
  • 一帆风顺
    一帆风顺
    2020-07-24

    华为荣耀20 表单中的input不能在video上显示,之前是可以的。苹果和开发工具没问题

    2020-07-24
    赞同 1
    回复
  • 小鸡叫叫
    小鸡叫叫
    2019-11-05

    以前的版本也可以不用写cover-view了吗?

    2019-11-05
    赞同 1
    回复
  • o0o0o
    o0o0o
    2019-10-22

    小米 MI MAX 2 手机  无法实现同层  请修复

    2019-10-22
    赞同 1
    回复
  • 李👧🏻丫
    李👧🏻丫
    2019-03-29

    @官方 遇到一个问题,ios12.2,微信7.0.3,在swiper和movable-view 组件中使用 video 组件,不知道什么原因页面渲染完闪了一下,然后video就在最上层显示,cover-view、cover-image 设置较高层级也没有覆盖video组件。

    2019-03-29
    赞同 1
    回复
  • Young@杨
    Young@杨
    2019-03-18

    期待live-player快些开放,全屏下的live-player弄各种cover-view(尤其输入框)要死人。

    2019-03-18
    赞同 1
    回复
  • 双木林
    双木林
    2019-03-01

    刚才我在开发工具上点击预览,测试video组件。发现它的表现和之前是原生的时候一样,会覆盖页面中我设置了z-index为最大的部分,并且滑动页面的时候video也会抖动。然后我点击播放,切换了tab页面。回到首页之后,video又变成了同层效果。没来得及录屏幕,后续重新扫码进入开发版没有复现。所以暂时没有更多可提供的消息了。

    2019-03-01
    赞同 1
    回复
  • 怪我咯
    怪我咯
    2019-02-16

    微信第三区小程序委提醒您,代码千万行,BUG第一行,代码不规范,改时两行泪

    2019-02-16
    赞同 1
    回复

正在加载...

登录 后发表内容