uniapp 小程序在ios中 video 无法跟着页面滚动

问题描述

uniapp 小程序在ios中 video 无法跟着页面滚动

解决方案：

在页面中获取视频的第一帧作为显示图片，做成假的视频，点击图片的时候再将视频组件显示出来，在滚动的时候隐藏video组件

               v-if="isShow"
                class="cover-img"
                :src="item.url + '?x-oss-process=video/snapshot,t_0,f_jpg'"
                mode="aspectFill"
              />
        <video
        v-else
          id="videoId"
          object-fit="cover"
          class="video-box"
          :src="item.videoUrl"
          @fullscreenchange="fullscreenchange"
          :poster="`${videoUrl}?x-oss-process=video/snapshot,t_${seek},f_jpg`"
          @play="playVideo"
        ></video>