this.videoContext.requestFullScreen({
direction: -90
});
- 发布:2020-09-10 00:11
- 更新:2021-04-17 17:48
- 阅读:952
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 10.15.6
HBuilderX版本号: 2.8.11
手机系统: iOS
手机系统版本号: iOS 13.4
手机厂商: 苹果
手机机型: iPhoneXR
页面类型: vue
打包方式: 云端
项目创建方式: CLI
CLI版本号: 2.8.11.20200907
示例代码:
操作步骤:
在iPhoneX/XR/11调用requestFullScreen使video控件全屏播放。
在iPhoneX/XR/11调用requestFullScreen使video控件全屏播放。
预期结果:
横向全屏播放时,底部横条也横向显示。
横向全屏播放时,底部横条也横向显示。
实际结果:
横向全屏播放时,底部横条依旧竖向显示。
横向全屏播放时,底部横条依旧竖向显示。
bug描述:
video组件全屏播放后,iPhoneXR的虚拟HOME横条依旧显示在竖向的底部。
这个问题是让人苦恼,去年的帖子,不知道楼主解决了没有。
如果想达到video全屏时iPhone底部横线真正在底部,可以配置
- pages.json - globalStyle:{"pageOrientation": "auto"}
- manifest.json - app-plus - "distribute" : { "orientation" : ["portrait-primary","landscape-primary","portrait-secondary","landscape-secondary"]}
这样使page在video全屏时旋转过来,做到横屏,那条横线自然就会在page底部,也就是横屏的底部。
但这么设置有个隐患,首页是nvue的话,横屏启动应用时,首页也是横屏,即便强制竖屏:plus.screen.lockOrientation('portrait-primary')首页也是拉伸的,贼难受。
** vue可以这么操作
真希望官方能多关照一下video模块!