当前位置: 首页 > 知识库问答 >
问题:

前端 - 怎么样能让video标签在拖拽进度条时能继续播放 实测video标签在拖拽进度条时是播放状态是暂停的 松手才会继续播放 怎么操作?

范凡
2023-07-27

怎么样能让video标签在拖拽进度条时能继续播放 实测video标签在拖拽进度条时是播放状态是暂停的 松手才会继续播放 怎么操作?

共有1个答案

缑兴贤
2023-07-27

如果是原生 video 标签的话可以试试监听拖动事件

video.addEventListener('seeked', function() {    video.play()});video.addEventListener('seeking', function() {    video.play()});

但是效果是不大好的,可能会产生卡顿,如果要流畅实现,最好是用现成的 web 播放器框架

比如 video.jsPlyr.js 这些,都是 开源

参考连接:
video js
plyr js
 类似资料:
  • video标签在移动端隐藏进度条怎么写?添加了css样式控制,在移动端还是会显示进度条?

  • 按照chrome的规则,视频或者音频是不能在用户未主动操作前,进行播放。 那这些视频网站是怎么实现自动播放的呢?

  • 本文向大家介绍vue实现拖拽进度条,包括了vue实现拖拽进度条的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了vue实现拖拽进度条的具体代码,供大家参考,具体内容如下 组件代码: 调用: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍Android仿音乐播放器带进度的播放暂停按钮,包括了Android仿音乐播放器带进度的播放暂停按钮的使用技巧和注意事项,需要的朋友参考一下 因为项目需要,要做一个下载暂停开始的按钮,要求按钮上显示进度。网上找了找没有合适的,不太满意,于是自己动手写了一个。 效果如下: 主要步骤: 1、最外侧的圆环。 2、圆环内侧代表进度的圆弧。 3、暂停时在中心部位画出三角形。 4、播放时在中心部

  • 本文向大家介绍IOS 中动画的暂停与继续播放的详解,包括了IOS 中动画的暂停与继续播放的详解的使用技巧和注意事项,需要的朋友参考一下 IOS 中动画的暂停与继续播放的详解 在使用动画控制UI的时候,可能会碰到通过手势或其他方式要进行暂停正在进行中的动画,然后再继续。如手指按下时,暂停动画,手指离开时继续动画。 实现原理主要是通过UI的layer进行相关的控制。 暂停动画: 继续动画: 使用示例:

  • 一个播放器功能,现在需求将视频播放修改为播放图片。 我试过直接替换路径,但是图片加载需要时间,有些时候就会在图片还没有加载完成就调到下一章图片了,出现黑屏现象,因此需要图片提前加载几张才行,有什么方法可以解觉这个问题,或者有什么开源组件可以实现播放图片的功能