用小程序看视频经常会出现点击分享按钮后视频突然卡顿、按钮与视频割裂或者根本找不到所需按钮等问题。小程序看视频之所以会出现这些问题，是因为视频和按钮两者不在同一层，二者不能同步渲染，才会导致不能在视频播放的时候同步进行其他操作。

九月份微信上线了「video同层渲染」功能，帮助用户在小程序观看视频时实现“即看即点”，提升用户小程序体验感和使用流畅度。

以【快手短视频】为例——提升“老铁”体验，实现用户留存

当用户在快手短视频小程序使用直播和浏览短视频时，点赞、分享、送礼物等功能无法实现，容易出现视频卡顿、页面效果无法展现等问题，给用户体验感大打折扣。对于用户而言，无法使用“双击666，感谢老铁送的火箭”的功能，快手短视频小程序就等于失去了灵魂。

在「video同层渲染」功能还没上线前，快手给出的第一版解决方案是把按钮放在视频下方，避免与视频重合，虽然会有一定的割裂感，但由于技术限制当时也只能做到这样。

上线「video同层渲染」能力之后，它可以实现视频上“悬浮”的按钮与视频同步渲染，也就不会出现 “视频和页面卡顿问题”。用户使用点赞、分享、送礼物等功能更加沉浸式，复杂动画效果也有了，“双击666”功能也终于回来了，用户对小程序的体验感和使用归属感增强。

在快手的核心业务“直播”上，「video同层渲染」能力也起到了很大的作用，比如送礼物时的动画效果更加流畅好玩，主播能够在直播页面添加商品进行推广，能够设置更多动画效果吸引用户充值和送礼物等。提升用户留存率的同时能够提高小程序商业变现能力。

下面是给小程序开发接入该功能的一些建议：

1.         「video同层渲染」功能目前仍然存在一些兼容性问题，所以需要在组件中进行版本判断（2.4.0+），输出对应的方案，使用的时候可以关注下用户的基础库版本。

2.         切换视频的时候，容易出现黑屏问题，原因是切换到下一个视频的时候，有一段缓冲的等待时间。所以，需要设置视频的预加载。

3.         在不影响用户体验的情况下，尽可能的压缩媒体资源文件，因为它最容易消耗用户手机内存，尽量压缩提升用户使用体验感。