抖音网站0.5块钱100个你在用小程序看视频的时侯，遇见过这样的问题吗？
要么在视频上点击分享等按键后，视频播放忽然异常卡顿；
要么按键与视频完全不在同一页，非常“割裂”；
要么根本就找不到这种按键；
……
小程序之所以在视频的体验上碰到这种问题，是由于分享等按键与视频并不在同一层，二者不能同步渲染，为此，也就不能在视频播放的同时直接操作其他功能。
如今，陌陌上线了“突破性”的交互方法播放量双击平台，用户可以点击“悬浮”在视频播放页上的按键，而不影响视频流畅播放，甚至如同“画中画”一样，因而实现了“即看即点”。
而这背后最大的功臣，便是「video同层渲染」能力。
这么，「video同层渲染」能力是怎样实现“即看即点”的呢？本期《小程序说·能力百科全书》，我们请来快手短视频、糖豆视频、小打卡等。瞧瞧她们是怎样借助这一能力在视频互动上大展身手，进而提高用户存留的。
1快手
提高“老铁”体验，带来更多商业价值
“双击666！谢谢老铁送的灰熊！”
不用说，你肯定晓得这句话是来自快手短视频。难堪的是，当用户在小程序上浏览短视频或直播的时侯，这种功能却玩不了。
这一问题确实给快手小程序团队带来不少苦恼，虽然，没有“老铁文化”，就不叫快手了。“之前，覆盖在视频里面的点赞、送礼物等按键，就会造成页面卡顿、动画疗效不能实现等”，快手小程序后端负责人宋长安告诉我们。
当时，快手的第一版解决方案是，把这种按键置于视频下方，进而防止与视频重合，尽管会有一定的割裂感，但也只能这么。
上线「video同层渲染」能力以后，它可以实现视频上“悬浮”的按键与视频同步渲染，也就不会出现以上所提及的“画面卡顿问题”。点赞、分享、送礼物等功能更沉溺式，复杂动漫疗效也有了，“双击666”也总算回去了。
另外，相较于此前的“割裂感”，如今体验上也好好多，尤其是沉溺式的体验会让用户形成一种使用独立App的“错觉”。
操作成本增加和体验优化过后，用户存留自然也都会有很大提高。“虽然快手小程序才刚才接入这个能力，但在存留上，我们预期会带来5%以上的增速”，宋长安肯定地和我们说。
其实，除了是在短视频体验上，在快手核心业务——直播上，「video同层渲染」也能起到挺好的疗效。例如，可以做更多拉风好玩、声临其境的送礼物动漫疗效，引导用户冲值和送礼，带来商业变现价值。
在快手看来，正是有了这一能力，这种“悬浮”在视频上的按键才能与视频本身同时渲染，因而不影响视频播放。为此，未来就可以做更多商业上的探求，例如推送企业广告、主播在直播间上添加商品等。
2糖豆视频
视频播放量“直线”上升的秘密
只要有“广场”的地方，就一定有广场舞。
如今，小程序上也有广场舞了，糖豆视频就是这样一款广场舞分享教学的小程序。
在前段时间，她们遇见了一个问题，爱跳广场舞的姐姐见到好玩有趣的唱歌视频，却总也找不到分享与收藏的按键，未能分享给自己的好姊妹。
“碰到这一问题，我们尝试过把分享、收藏这种按键置于视频播放页上。但因为它们是两层的，无法同步渲染，视频播放都会显得十分卡顿，体验非常不好”。糖豆小程序业务负责人周涛告诉我们，“所以，也是不得已才将这种按键与视频分开，放到了视频下方。”
「video同层渲染」能力的上线，救出了广场舞大妈们。
具体来说，这一能力可以实现视频播放时的“悬浮”按钮与视频同步渲染，用户可以在视频上直接点击分享或收藏，视频播放也不受影响。并且，视频也就可以“放心地”全屏展示了，视觉疗效也好好多。
“我们目前仍处于小范围公测阶段，接入「video同层渲染」后，这部份公测用户的人均视频播放数从2.9提高到了4.5。”周涛开心地告诉我们。
有了这项能力，糖豆视频还推出了一些好玩的功能。例如，用户直接上传相片就可以快速生成视频，这对于年长的用户来说，非常实用；还可以直接在视频播放页添加商品，用户可以边看视频边买街舞老师推荐的商品，也获得了更多商业化的可能。
3小打卡
让视频也能打卡，让工具更有趣
“「video同层渲染」能力帮我们实现了内容的闭环。”小打卡创始人徐佳义说。
在小打卡上，越来越多的用户习惯用视频来记录生活，并且直接播放用户上传的视频会很单调，例如小吃瑜伽、手工手帐、练字书法、学钢琴乐器的过程等等，就须要更多趣味性的东西。
“用户有这个需求，我们之前也尝试过一些办法，例如在视频上加一些贴图疗效，但因为视频与贴图不能同步渲染播放量双击平台，所以疗效和体验都非常不好”，徐佳义之前仍然在愁这个问题，“这样也就增加了用户发布视频的欲望。”
接入「video同层渲染」这项能力以后，在视频上添加的贴纸、相框等效果就可以和视频同步渲染了，但是这种疗效能够动上去，所以体验上都会好好多，用户发视频的时侯也就没这么无趣了。
利用这个能力，小打卡还做了好多有趣的玩法。例如，在视频播放时双击点赞、评论通过弹幕的形式在视频播放页展示下来，以及在视频中添加“问答”的玩法来拓展与用户的互动形式等等。
“视频有了更好的诠释疗效、互动性、趣味性，也都会有更多用户点击观看与互动，进而反向迫使用户去创造更多优质内容，所以，这个能力是帮助我们实现了内容闭环。”徐佳义说。
其实，在用户存留的提高上，这项功能也确实为小打卡带来不小的优化，例如，在用户浏览视频逗留时长上，就有了一倍以上的下降。
Tips给开发者的一些建议
·「video同层渲染」目前存在一些兼容性问题，所以须要在组件中进行版本判定（2.4.0+），输出对应的方案，使用的时侯可以关注下用户的基础库版本；
·切换视频的时侯，容易出现白屏问题，缘由是切换至下一个视频的时侯，有一段缓冲的等待时间。所以，须要设置视频的预加载；
·在不影响用户体验的情况下，尽可能的压缩媒体资源文件，由于它最容易消耗显存。