[ios only]Video组件在fixed的view里面,全屏之后缩小会位移
发布于 6 年前 作者 weisong 12601 次浏览 来自 问答

我为了解决安卓视频控件会导致页面无法上下滑动的问题。我把一个页面的所有视频,全部改成图片。然后点击图片,会出现一个带有视频控件的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应该调整一下?

可以试一下以下页面的第一个视频,就知道了:

2 回复

急等官方答复,现在也遇到此问题

视频那块有点小问题,在点击图片后,视频还未加载完毕就关闭窗口的话,视频还是会播放声音的

回到顶部