uniapp微信小程序PC端Video设置播放初始时间的两种方法以及initial-time播放的时候进度显示播放却重新播放的问题

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
      }

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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值