收藏
回答

刘海屏手机视频全屏退出后,页面顶部出现空白条

问题: 微信中打开的网页在刘海屏手机中出现问题:视频全屏退出后,页面顶部出现空白条

复现方式如下: 找一部刘海屏安卓手机(苹果未测试)

打开一个有视频的网页,如: https://imgcache.qq.com/open/qcloud/video/tcplayer/examples/vod/tcplayer-vod-continue-play.html

打开后播放视频,选择全屏播放,然后退出全屏。

我的项目中测试发现: 视频播放前 vconsole中输出document.documentElement.clientHeight为460

视频播放选择全屏后,然后退出全屏。发现页面顶部有空白。document.documentElement.clientHeight为435

开启横屏模式后,横屏测试没这问题,竖屏才会出现。出现问题的手机均为刘海屏。只测试过安卓

回答关注问题邀请回答
收藏
登录 后发表内容
问题标签