我为了解决安卓视频控件会导致页面无法上下滑动的问题。我把一个页面的所有视频，全部改成图片。然后点击图片，会出现一个带有视频控件的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应该调整一下？
可以试一下以下页面的第一个视频，就知道了：
急等官方答复，现在也遇到此问题
视频那块有点小问题,在点击图片后,视频还未加载完毕就关闭窗口的话,视频还是会播放声音的