巷子
巷子
  • 发布:2023-03-17 11:08
  • 更新:2023-06-29 11:19
  • 阅读:387

【报Bug】视频组件全屏旋转角度以及竖屏方向被改变无法回转

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10 专业版本21H2

HBuilderX类型: 正式

HBuilderX版本号: 3.7.3

手机系统: iOS

手机系统版本号: iOS 16

手机厂商: 苹果

手机机型: 苹果12

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<video src="http://hua5oss.oss-cn-hangzhou.aliyuncs.com/uploads/video/2023/03/17/1b7ad41c45de2bc42ed380b03a5b8213.mp4"></video>

操作步骤:

模板中写video组件,全屏播放

预期结果:

正常全屏

实际结果:

全屏旋转的角度不对,全屏后无法恢复手机竖屏状态

bug描述:

ios video组件全屏后会旋转角,无法恢复竖屏

2023-03-17 11:08 负责人:DCloud_iOS_LZY 分享
已邀请:
DCloud_iOS_LZY

DCloud_iOS_LZY

为了方便问题排查,请提供一下可以复现问题的代码示例

  • 巷子 (作者)

    就在模板里写个video 加上src就可以了 然后在ios上点击全屏按钮

    <video src="https://xxx.mp4"></video>

    2023-03-17 16:29

  • 爱吃鱼的靖哥哥

    回复 巷子: 大佬你有解决方案吗

    2023-03-17 16:38

  • DCloud_iOS_LZY

    回复 巷子: 在manifest.json里配置上以下配置就正常

    "screenOrientation" : [

    //可选,字符串数组类型,应用支持的横竖屏

    "portrait-primary", //可选,字符串类型,支持竖屏

    "portrait-secondary", //可选,字符串类型,支持反向竖屏

    "landscape-primary", //可选,字符串类型,支持横屏

    "landscape-secondary" //可选,字符串类型,支持反向横屏

    ],

    2023-03-17 17:02

  • 巷子 (作者)

    回复 爱吃鱼的靖哥哥: 可以了,配置了从新打包才可以

    2023-03-17 17:10

  • 爱吃鱼的靖哥哥

    回复 巷子:大哭,为啥我的不行,唉

    2023-03-19 10:17

  • 巷子 (作者)

    回复 爱吃鱼的靖哥哥: 你有没有配错地方呢,我的配了就可以了的

    2023-03-28 10:38

不老刘

不老刘

manifest.json里配置上

"screenOrientation" : [  
            //可选,字符串数组类型,应用支持的横竖屏  
            "portrait-primary", //可选,字符串类型,支持竖屏  
            "portrait-secondary", //可选,字符串类型,支持反向竖屏  
            "landscape-primary", //可选,字符串类型,支持横屏  
            "landscape-secondary" //可选,字符串类型,支持反向横屏  
        ],

应该就行了

  • 巷子 (作者)

    感谢回复,但是应该不是这个配置的问题,视频全屏后视频控件等都是不正常的

    2023-03-17 16:27

  • 不老刘

    回复 巷子: ios16的问题吧,我们前一阵也遇到了,这样配置后就正常了。

    2023-03-17 16:29

  • 巷子 (作者)

    回复 不老刘: 谢谢老哥

    2023-03-17 17:11

爱吃鱼的靖哥哥

爱吃鱼的靖哥哥 - 行走在全栈路上的码农

我也是这个问题,不知道咋解决,配置了screenOrientation也不管用,唉,心好累。但是我下载了官方的hello样例里的视频播放器就可以,官方样例里也没配screenOrientation。我在video里还用了cover-view,样式全乱了,好烦啊

易凡尘

易凡尘

有效,加在app-plus节点内

https://uniapp.dcloud.net.cn/collocation/manifest.html

Builder X 3.6.18

要回复问题请先登录注册