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

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

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

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

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

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

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

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

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

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

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