收藏
回答

[ios only]Video组件在fixed的view里面,全屏之后缩小会位移

问题模块
API和组件

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


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



最后一次编辑于  2017-08-25  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • TAO
    TAO
    2018-09-18

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

    2018-09-18
    赞同
    回复
  • VanY_Y
    VanY_Y
    2017-08-26

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

    2017-08-26
    赞同
    回复