uni-app打包Android或ios使用webview嵌套H5视频无法全屏播放

uni-app打包Android或ios使用webview嵌套H5视频无法全屏播放

产品分类：

uniapp/App

PC开发环境操作系统：

Windows

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

11

HBuilderX类型：

正式

HBuilderX版本号：

4.84

手机系统：

Android

手机系统版本号：

Android 14

手机厂商：

小米

手机机型：

K60

页面类型：

vue

vue版本：

vue2

打包方式：

云端

项目创建方式：

HBuilderX

示例代码：

plus.runtime.openWeb(item.links);

操作步骤：

打包App嵌套webview H5里面视频播放无法全屏

预期结果：

能全屏

实际结果：

不能全屏

bug描述：

uniapp打包Android或ios使用webview嵌套H5视频无法全屏播放


更多关于uni-app打包Android或ios使用webview嵌套H5视频无法全屏播放的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app打包Android或ios使用webview嵌套H5视频无法全屏播放的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app中，使用plus.runtime.openWeb打开外部WebView时，H5视频全屏播放受限是常见问题。这通常是因为系统WebView默认配置限制了全屏功能。

解决方案：

  1. 使用原生WebView组件替代
    改用plus.webview.create创建WebView，通过setStyle配置全屏支持：

    let wv = plus.webview.create(url, 'customWebview', {
  fullscreen: 'auto'
});
wv.show();

  2. 启用系统全屏配置
    在manifest.json的app-plus节点下添加：

    "webview": {
  "fullscreen": true
}

  3. 检查H5视频标签属性
    确保H5页面中的<video>标签包含webkit-playsinline和playsinline属性：

    <video webkit-playsinline playsinline controls>

  4. Android特定配置
    对于Android 14，在manifest.json中补充硬件加速：

    "app-plus": {
  "android": {
    "hardwareAccelerated": true
  }
}
回到顶部