uni-app中打包成app模式后video标签播放视频过一会会卡住

uni-app中打包成app模式后video标签播放视频过一会会卡住

信息类别 详细信息
产品分类 uniapp/App
PC开发环境 Mac
版本号 14.4 (23E214)
HBuilderX 正式
版本号 4.66
手机系统 全部
手机厂商 华为
手机机型 Redmi Note 12 Turbo
页面类型 nvue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

测试过的手机：

手机Redmi Note 12 Turbo 系统 Xiaomi HyperOS 1.0.18.0.UMRCNXM

示例代码：

<video  
id="polyvVideo"  
class="img_box"  
preload="auto"  
src="videoSrc"
controls="ish5"
show-center-play-btn="showCenterPlayBtn"
vslide-gesture-in-fullscreen="false"
  @ended="nextVideo"
  @play="isPlay"
  @pause="pauseVideo"
  @controlstoggle="controlstoggle"
  @fullscreenchange="fullscreenchange"  
initial-time="initialTime"
  @timeupdate="videoTimeUpdate"
enable-danmu="true"
crossorigin="anonymous"
@loadedmetadata="loadedmetadata"
>

操作步骤：

  • 正常观看就会卡住

预期结果：

  • 能够正常观看

实际结果：

  • 看一会就会卡住

bug描述：

使用的video标签播放视频，看着看着就会卡住转圈，视频的大小比较大 十分钟 720p高清的资源，控制条自定义的


更多关于uni-app中打包成app模式后video标签播放视频过一会会卡住的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app中打包成app模式后video标签播放视频过一会会卡住的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app的App端，video组件在播放较大视频时出现卡顿转圈，通常与视频资源加载、解码性能或缓存策略有关。以下是可能的原因和解决方案：

  1. 视频预加载与缓冲优化

    • 设置 preload="auto" 可能因网络波动导致缓冲中断。可尝试改为 preload="metadata" 减少初始加载压力，或通过 @loadstart 监听手动控制加载时机。
    • 检查视频服务器是否支持分片加载（如HLS协议），若为MP4格式可考虑转码为自适应码率流。

  2. 解码性能瓶颈

    • 720P高清视频对低端设备解码压力较大。在 manifest.json 中配置硬件加速：
      "app-plus": {
  "video": {
    "hardwareAcceleration": "auto"
  }
}
回到顶部