uni-app 多个video同时播放容易出现黑屏或闪退

uni-app 多个video同时播放容易出现黑屏或闪退

示例代码：

    <video :custom-cache="false" :src="tmpArr_URL[0][0]" @ended="playEnd(0)" autoplay controls=false show-loading=false object-fit="fill"  
        :style='  
        "left:0px;"+  
        "top:0px;"+  
        "width:960px;"+  
        "height:540px;"+  
        "position: absolute;"+  
        "backgroundColor: black"  
        '>
    </video>

playEnd(index) {
let lastEle = this.tmpArr_URL[index].shift()
this.tmpArr_URL[index].push(lastEle)
}


## 操作步骤：
- 播1-2小時,絕對閃退

## 预期结果：
- 不閃退

## 实际结果：
- 閃退

## bug描述：
播放愈短時間的視頻,愈易出現問題(我播的是10秒鐘影片)  
我調用4個<code>&lt;video&gt;</code>,有時播放5分鐘就出現閃退,有時30分鐘閃退  
每個video里面都播放 使用 :src輪播 兩個影片  
(是調用GPU解碼時出現的bug嗎?我之前開發raspberry pi 4時也有類似問題,同一斷代碼raspberry pi 3就沒這問題)

更多关于uni-app 多个video同时播放容易出现黑屏或闪退的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

解决了吗? 我的也是电视机盒子出现问题, 连续播放几个小时就会卡住不动, 长时间就会闪退

更多关于uni-app 多个video同时播放容易出现黑屏或闪退的实战教程也可以访问 https://www.itying.com/category-93-b0.html


hello，你多个video播放视频，会卡住不动的问题解决了吗？我也遇到同样的问题

多个video同时播放出现黑屏或闪退，通常与内存管理、GPU资源限制或解码器冲突有关。在uni-app中，尤其是在长时间运行或频繁切换视频源时，这些问题更容易暴露。

可能原因及解决方案：

  1. 内存泄漏
    频繁切换src（如shift和push操作）可能导致视频组件未正确释放内存。建议在切换前先销毁视频实例：
    // 切换前设置src为空，触发清理
this.tmpArr_URL[index][0] = ''
await this.$nextTick()
// 再更新为新src
回到顶部