收藏
回答

视频组件播放进入/退出全屏时出现错位

问题模块 框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 video 客户端 iOS 6.6.3 1.9.1

Bug反馈


表现:视频组件播放进入/退出全屏时出现错位


代码部分:


<!--pages/video/video.wxml-->

<video src="{{url}}" autoplay objectFit="contain" controls></video>


/* pages/video/video.wxss */

video{

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

}



复现:视频组件固定定位为全屏,objectFit值contain,播放视频后控制条全屏按钮点击至全屏,手机横屏后关闭全屏,视频会错位


具体步骤:


1. 刚开始播放的时候(下面的进度条是在电脑上截图,电脑播放器的视频进度条)


2. 在不改变手机朝向的时候点击全屏



3. 切换回来(现在视频就网上移动了一些位置)



4. 切换全屏后把手机横过来,再退出全屏








最后一次编辑于  2018-02-09  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

4 个回答

  • V
    V
    2018-03-01

    我的解决了,在退出全屏时视频的宽使用wx.getSystemInfo的windowWidth


    2018-03-01
    赞同
    回复 1
    • 回眸已千年
      回眸已千年
      2018-09-10

      该怎么写呢?

      2018-09-10
      赞同
      回复
  • 韦薇Ivy
    韦薇Ivy
    2018-03-26

    多谢@vJane,遇到同样的问题解决了

    2018-03-26
    赞同
    回复
  • Me
    Me
    2018-04-26

    这明显是个bug, 官方应该修复下

    2018-04-26
    赞同
    回复