uni-app 新版本Video组件全屏时闪退

uni-app 新版本Video组件全屏时闪退

开发环境 版本号 项目创建方式
Mac 10.15.7 HBuilderX

产品分类：uniapp/App

PC开发环境操作系统：Mac

HBuilderX类型：正式

HBuilderX版本号：3.1.13

手机系统：Android

手机系统版本号：Android 5.1

手机厂商：vivo

手机机型：X6L

页面类型：nvue

打包方式：云端

示例代码：

<video :http-cache="true"   
       :objectFit="objectFit"  :src="src" :loop="loop" :enable-progress-gesture="false"  
        @fullscreenchange="changeScreen" @timeupdate="timeupdate" @ended="ended" @waiting="waiting" @play="playing"  
       id="chunleiVideo" ref="chunleiVideo" class="video">

更多关于uni-app 新版本Video组件全屏时闪退的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 新版本Video组件全屏时闪退的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在Android 5.1系统上Video组件全屏闪退可能是由以下原因导致：

  1. 系统兼容性问题：Android 5.1对H5 Video组件的全屏支持存在已知兼容性问题，建议测试Android 8.0+设备

  2. nvue页面渲染差异：nvue使用原生渲染，全屏时可能触发布局重绘导致崩溃，可尝试以下修改：

<video 
  :enable-native="false"
  :auto-pause-if-navigate="false"
  :auto-pause-if-open-native="false"
>
  1. 事件冲突：全屏事件与系统事件可能产生冲突，建议在fullscreenchange事件中添加防抖处理：
changeScreen: uni.$u.debounce(function(e){
  // 处理逻辑
}, 300)
  1. 云端打包配置：在manifest.json中检查是否启用了硬件加速：
"app-plus": {
  "hardwareAccelerated": true
}
回到顶部