loveCoding
loveCoding
  • 发布:2023-03-28 13:58
  • 更新:2023-04-03 23:31
  • 阅读:422

【报Bug】video组件在ios app上的严重bug

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.7.9

手机系统: iOS

手机系统版本号: iOS 16

手机厂商: 苹果

手机机型: 14

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

预期结果:

实际结果:

bug描述:

在一个html片段,里面嵌入了一个video标签。
在ios app bug:
1.全屏样式异常,同时会造成整个app横屏,并无法返回竖屏。
2.video标签在swiper组件里面的,当切换的时候会有多个视频组件渲染在页面上。
tip:在小程序上表现正常。

2023-03-28 13:58 负责人:DCloud_iOS_LZY 分享
已邀请:
loveCoding

loveCoding (作者)

我已经搞定了,给大家一个思路:
虽然官方不支持,但是可以曲线救国。
前提,如果这个html片段你自己可以编辑,且只有一个视频。
1.后台单独返回视频连接和视频封面;
2.默认只显示封面,可以加个播放按钮,点击后显示视频;
3.切换swiper的时候停止视频。
实测各端均正常。

loveCoding

loveCoding (作者)

是指点击全屏按钮的时候就异常了。
即使在video标签里面去掉control,也无法去掉那个全屏按钮,感觉按钮是默认的,无法控制其显示。

不老刘

不老刘

manifest.json里配置上

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

然后重新打包,应该就行了

  • loveCoding (作者)

    我看到官方有这句话,但是加上并重写打包还是不行

    2023-03-29 11:50

loveCoding

loveCoding (作者)

谁能帮帮我,难道一定要把video独立出来去写一个video控件吗,这种内联的video怎么办

DCloud_iOS_XHY

DCloud_iOS_XHY

你好,请上传一个能复现问题的完整示例工程,便于排查

DCloud_UNI_GSQ

DCloud_UNI_GSQ

受限于目前的实现方式,原生组件 video 不允许放在 swiper 内

  • loveCoding (作者)

    我这个实际上就是一个内联的video标签,是网页里面的。如果是自己写了原生组件还可以在切换swiper的时候进行视频组件销毁等处理。

    2023-03-30 18:15

  • DCloud_UNI_GSQ

    回复 loveCoding: 这个 video 和 swiper 均不是 uni-app 的组件吗?

    2023-04-03 11:46

要回复问题请先登录注册