弹幕不显示主因是层级问题video原生组件默认置顶z-index无效微信小程序须用cover-view或canvascover-view组合App端应优先使用subNVue方案。video组件上弹幕不显示先确认是不是层级问题绝大多数“弹幕看不见”问题根本不是代码写错了而是被视频组件压在下面了。uni-app 的 video 是原生组件iOS 和 Android 都默认置顶z-index 对它完全无效——哪怕你给弹幕层设成 99999也盖不住。常见错误现象? Vue 页面里用 view 写的弹幕在微信小程序能动在 App 端直接消失? cover-view 能显示但文字发虚、动画卡顿、不支持阴影或渐变? 弹幕位置错乱比如全堆在左上角top/left 样式没生效微信小程序必须用 cover-view或更优的 canvas cover-view 组合不能用普通 viewApp 端优先走 subNVue别硬扛 cover-viewnvue 页面本身就能和 video 同级渲染千万别在 Vue 页面里对 video 做 transform 或 opacity 动画——这会触发某些安卓机型的渲染异常导致覆盖层闪退微信小程序弹幕卡顿/闪烁换 canvas 渲染池cover-view 循环渲染几十条弹幕时性能会断崖下跌尤其低端安卓机。官方限制它不支持嵌套、不支持 animation、不支持离屏缓存——这意味着每条弹幕都是实时重绘帧率很容易掉到 10fps 以下。实操建议? 把所有弹幕文本统一绘制到一个 cover-canvas 上用 requestAnimationFrame 控制刷新节奏建议固定 16ms/帧? 提前创建 2–3 个弹幕对象池避免频繁 new/delete 实例? 弹幕出屏后立即回收坐标和文本引用防止内存持续增长关键配置示例video srcxxx.mp4 idmyVideo/videocover-view classdanmu-layer canvas type2d canvas-iddanmuCanvas stylewidth:100%;height:100%/canvas/cover-viewApp端弹幕总被截断或错位subNVue 配置必须带 position 和 zindexsubNVue 是 App 端唯一靠谱的方案但它不是“写了就能用”。pages.json 里漏配 position 或 zindex会导致弹幕层悬浮在错误位置甚至被状态栏/导航栏切掉。 幻导航网 发现优质实用网站,开启网络探索之旅