Video设置播放初始时间的两种方法

方法一

video标签自带的属性
官方video描述

initial-time属性
在这里插入图片描述
这个是视频组件初次加载才生效的,简单直接,适应大部分场景,因为后续继续播放,退出全屏,再进入还是播放到的进度继续播放的。

如果希望每次播放都是固定设置的进度,该方法不适用

方法二

给video绑定id 因为uniapp获取video的ref好像是获取不到的,是个空对象,如果懂的踢我

<video :id="myVideo"></video>

通过uni.createVideoContext()获取video的上下文对象

  this.videoContext = uni.createVideoContext("myVideo", this)
  this.videoContext.seek(希望播放的进度)

initial-time会出现的问题:进度条正确,但是点击播放一会马上重新播放了

最好的办法就是结合起来使用

给到initial-time 并且首次播放用到uni.createVideoContext().seek()

//自行添加对象属性判断第一次播放
      if(!item.currentTimeBo){// 默认是false  可不写
        this.videoContext.seek(item.currentTime)
        item.currentTimeBo = true //执行了一次就变true
      }

如果有用,请给我点赞收藏,我会很开心,谢谢

Logo

一站式 AI 云服务平台

更多推荐