z***@aotimes.com
z***@aotimes.com
  • 发布:2023-01-04 10:02
  • 更新:2023-01-04 10:29
  • 阅读:146

【报Bug】video组件点击全屏异常

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.6.15

手机系统: iOS

手机系统版本号: iOS 13.4

手机厂商: 苹果

手机机型: 苹果手机

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<video id="myVideo" class="videoPlayer" :initial-time="mp4Lastsecond" @pause='audioPause'
@play='audioPlay' @ended="endAudio" @timeupdate="videoTimeUpdate" :src="mp4Url" danmu-btn controls
preload="auto" playsinline webkit-playsinline
autoplay="true" enable-progress-gesture="true" direction="-90" @fullscreenchange="fullscreenchange"></video>

操作步骤:

点击播放视频,点击全屏按钮

预期结果:

正常全屏观看

实际结果:

页面错乱

bug描述:

点击视频的全屏按钮。,整个手机屏幕整旋转了90度,然后视频又旋转了90度,导致页面错乱

2023-01-04 10:02 负责人:DCloud_iOS_WZT 分享
已邀请:
FullStack

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866

官方示例不能复现,请提供可复现的demo,方便排查

DCloud_iOS_WZT

DCloud_iOS_WZT

手机系统 iOS16 以上video全屏 需要配置应用支持横屏: 在 manifest.json 文件内 app-plus 节点下新增 screenOrientation 配置,设置值为["portrait-primary","portrait-secondary","landscape-primary","landscape-secondary"]。

  • z***@aotimes.com (作者)

    可以了,感谢

    2023-01-04 10:52

  • 小魚哥哥

    回复 z***@aotimes.com: 同样的问题 你是怎么修复的呀?

    2023-01-05 09:10

要回复问题请先登录注册