uni-app 安卓app内嵌h5页面点击video全屏按钮app闪退

uni-app 安卓app内嵌h5页面点击video全屏按钮app闪退

产品分类：

uniapp/H5

PC开发环境操作系统：

Windows

PC开发环境操作系统版本号：

10

HBuilderX类型：

正式

HBuilderX版本号：

3.4.10

浏览器平台：

手机系统浏览器

浏览器版本：

12

项目创建方式：

HBuilderX

App下载地址或H5网址：

https://zddapp.jujukj.com/download.html

示例代码：

<video id="myVideo" class="m-video_video" :show-center-play-btn="false" :src="curVideoUrl" ></video>

操作步骤：

  1. 打开app
  2. 点击底部tabber栏 工作台
  3. 滑到底部管理中心，点击学堂管理
  4. 点击底部tabber栏 课程，选择一个免费课程播放

预期结果：

正常全屏播放

实际结果：

app闪退

bug描述：

安卓app内嵌h5页面，点击全屏的时候，app闪退，ios不会


更多关于uni-app 安卓app内嵌h5页面点击video全屏按钮app闪退的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

你这是什么手机 hello uni 有这个问题嘛

更多关于uni-app 安卓app内嵌h5页面点击video全屏按钮app闪退的实战教程也可以访问 https://www.itying.com/category-93-b0.html


什么安卓手机都不行，我的是红魔7，测试用的其他几部安卓手机也不行，ios app内嵌了这个h5页面点击全屏是没问题的，然后在微信打开这个h5页面链接，点击全屏也是没问题，就安卓app 内嵌后点击全屏会闪退

抱歉，并不是组件本身有问题，是安卓那边使用webView加载h5页面，视频全屏需要安卓做处理，处理完后就不存在这个问题了

在 uni-app 中，安卓应用内嵌 H5 页面时，点击 video 标签的全屏按钮导致应用闪退，通常是由于以下原因之一：

1. WebView 配置问题

  • 安卓的 WebView 默认不支持全屏播放视频，需要手动配置。
  • 如果未正确配置 WebView，可能会导致全屏操作时应用崩溃。

解决方法： 在 uni-app 的 manifest.json 中，配置 WebView 支持全屏播放：

{
  "app-plus": {
    "webview": {
      "videoFullscreen": "auto"
    }
  }
}

2. WebView 版本问题

  • 如果设备上的 WebView 版本过低，可能会导致全屏功能无法正常工作。
  • 确保设备上的 WebView 是最新版本。

解决方法： 更新设备上的 WebView 应用，或者提示用户更新。

3. H5 页面代码问题

  • H5 页面中的 video 标签可能未正确配置，或者使用了不兼容的属性。
  • 确保 video 标签的属性和事件处理程序正确。

解决方法： 检查 H5 页面中的 video 标签，确保其配置正确。例如：

<video controls webkit-playsinline playsinline>
  <source src="your-video-url.mp4" type="video/mp4">
</video>

4. uni-app 版本问题

  • 如果 uni-app 的版本较旧，可能存在已知的兼容性问题。
  • 确保 uni-app 是最新版本。

解决方法： 更新 uni-app 到最新版本，或者检查是否有相关的 bug 修复。

5. 安卓系统权限问题

  • 安卓系统可能需要特定的权限来支持全屏播放视频。
  • 确保应用已获取必要的权限。

解决方法： 在 AndroidManifest.xml 中添加必要的权限，例如：

<uses-permission android:name="android.permission.INTERNET" />
回到顶部