vue3 uni-app和pc video 部分常用属性 使用区别

pc

 <Video
              id="video"
              controls
              showPlay
              class="videoStyle"
              width="100%"
              height="550"
              :autoplay="isAutoplay"
              @pause="onPause(index)"
              @timeupdate="handleTimeUpdate"
              :currentTime="preVideoTime"
              @seeked="handleSeek"
              @play="handlePlay(jumpNum)"
            ></Video>

uni-app 

<video
        ref="videoRef"
        :id="video"
        :src="videoUrl"
        controls
        class="videoStyle"
        width="100%"
        height="240px"
        :autoplay="isAutoplay"
        :initial-time="preVideoTime"
        :show-center-play-btn="false"
        @play="handlePlay"
        @pause="onPause"
        @ended="onEnd"
        @timeupdate="onTimeUpdate"
      ></video>

1.指定视频初始播放位置 initial-time 和 currentTime  

uni-apphtml(pc)
属性名initial-timecurrentTime
类型NumberNumber
说明指定视频初始播放位置,单位为(s)。指定视频初始播放位置,单位为(s)。

2. 暂停播放和播放完成@pause@ended

uni-app html(pc)
@pause当暂停播放时触发 pause 事件通过元素的 ended 属性判断是播放结束还是暂停 (为true 是播放结束,false是暂停)
@ended当播放到末尾时触发 ended 事件

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值