[ios only]Video组件在fixed的view里面,全屏之后缩小会位移
我为了解决安卓视频控件会导致页面无法上下滑动的问题。我把一个页面的所有视频,全部改成图片。然后点击图片,会出现一个带有视频控件的overlay,我的代码是这么写的:
< view style = "position:fixed;left:0;top:0;z-index:100;height:100%;width:100%;background:black;" catchtouchmove = "dummy" hidden = "{{!showVideoContainer}}" > < view style = "position: absolute;display:flex;display:-webkit-flex;height:100%;width:100%;align-items:center;-webkit-align-items:center;" > < video src = "{{videoPath}}" id = "video" class = "full__width" ></ video > </ view > < image src = "../../images/close.png" style = "padding:15px;width:35px;height:35px;position:absolute;right:0;top0" catchtap = "closeVideoContainer" ></ image > </ view > |
视频默认是在屏幕中间的。然后,我把视频给全屏。再接着,我把视频取消全屏。会发现视频位移了。如果第一次没有位移,多来几次就一定会的。
安卓没有这个问题,只要ios才有,请问这是什么问题?还是我css应该调整一下?
可以试一下以下页面的第一个视频,就知道了: