用小程序看視頻經常會出現點擊分享按鈕后視頻突然卡頓、按鈕與視頻割裂或者根本找不到所需按鈕等問題。小程序看視頻之所以會出現這些問題，是因為視頻和按鈕兩者不在同一層，二者不能同步渲染，才會導致不能在視頻播放的時候同步進行其他操作。

九月份微信上線了「video同層渲染」功能，幫助用戶在小程序觀看視頻時實現“即看即點”，提升用戶小程序體驗感和使用流暢度。

以【快手短視頻】為例——提升“老鐵”體驗，實現用戶留存

當用戶在快手短視頻小程序使用直播和瀏覽短視頻時，點贊、分享、送禮物等功能無法實現，容易出現視頻卡頓、頁面效果無法展現等問題，給用戶體驗感大打折扣。對于用戶而言，無法使用“雙擊666，感謝老鐵送的火箭”的功能，快手短視頻小程序就等于失去了靈魂。

在「video同層渲染」功能還沒上線前，快手給出的第一版解決方案是把按鈕放在視頻下方，避免與視頻重合，雖然會有一定的割裂感，但由于技術限制當時也只能做到這樣。

上線「video同層渲染」能力之后，它可以實現視頻上“懸浮”的按鈕與視頻同步渲染，也就不會出現 “視頻和頁面卡頓問題”。用戶使用點贊、分享、送禮物等功能更加沉浸式，復雜動畫效果也有了，“雙擊666”功能也終于回來了，用戶對小程序的體驗感和使用歸屬感增強。

在快手的核心業務“直播”上，「video同層渲染」能力也起到了很大的作用，比如送禮物時的動畫效果更加流暢好玩，主播能夠在直播頁面添加商品進行推廣，能夠設置更多動畫效果吸引用戶充值和送禮物等。提升用戶留存率的同時能夠提高小程序商業變現能力。

下面是給小程序開發接入該功能的一些建議：

1.         「video同層渲染」功能目前仍然存在一些兼容性問題，所以需要在組件中進行版本判斷（2.4.0+），輸出對應的方案，使用的時候可以關注下用戶的基礎庫版本。

2.         切換視頻的時候，容易出現黑屏問題，原因是切換到下一個視頻的時候，有一段緩沖的等待時間。所以，需要設置視頻的預加載。

3.         在不影響用戶體驗的情況下，盡可能的壓縮媒體資源文件，因為它最容易消耗用戶手機內存，盡量壓縮提升用戶使用體驗感。