uni-app video标签H5在微信浏览器内新版安卓会自动全屏

uni-app video标签H5在微信浏览器内新版安卓会自动全屏

详细问题描述

video标签，H5在微信浏览器内，新版安卓会自动全屏。

App运行环境说明

系统 版本号
Android [Android版本号]
iOS [iOS版本号]
设备 型号
手机 小米8
模拟器 [模拟器型号]
5 回复

这是微信内置浏览器的bug（或者说是特性），需要交钱给微信才能解决，有意见可以反馈给微信。

更多关于uni-app video标签H5在微信浏览器内新版安卓会自动全屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html


可以规避的。 我们已经用一种方法绕过去了，不过还是希望uni能更新。

回复 v***@qq.com: 你希望uni也用你说的另外一种方法绕过？如果你觉得通用的话才行。

回复 v***@qq.com: 老哥，这个怎么规避的哈

这是微信浏览器自身的视频播放策略问题，新版安卓微信内置浏览器会对video标签强制全屏播放。

解决方案：

  1. 使用微信JS-SDK的接口控制视频播放
wx.ready(function() {
  wx.hideOptionMenu(); //隐藏底部工具栏
});
  1. 给video标签添加playsinline和webkit-playsinline属性
<video playsinline webkit-playsinline></video>
回到顶部