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
}
如果有用,请给我点赞收藏,我会很开心,谢谢