视频播放时拖动或点击进度条时间定位不准问题

最新推荐文章于 2024-02-22 16:48:39 发布

今天你赚钱了吗

最新推荐文章于 2024-02-22 16:48:39 发布

阅读量5.5k

点赞数 7

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_45490942/article/details/106241924

版权

笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

视频播放时拖动或点击进度条时间定位不准问题

原因是默认自动跳动到了关键帧，需修改播放器设置，方法因软件不同而不同，以两款Windows平台的软件举例如下：

Potplayer：右键-播放-定位-时间跨度设置-取消勾选“如存在关键帧数据则以关键帧为移动单位”

影音先锋：右键-影音设置选项-播放-取消勾选“按数据帧寻道(速度快，定位精度差)”

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

今天你赚钱了吗

关注关注

7
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

解决浏览器使用 vue-video-player播放视频不能拖动或点击进度条到指定位置播放,拖动或点击进度条会立即反弹回起点播放

ywp2021的博客

11-14

6210

不能拖动或点击进度条到指定位置播放,拖动或点击进度条会立即反弹回起点播放的问题

H5（html5 video）视频播放禁止拖动进度条，不能快进，不能后退；微信公众号视频播放；Java视频流播放

01-16

H5（html5 video）视频播放禁止拖动进度条，不能快进，不能后退；微信公众号视频播放，视频播放后才能操作其他内容。内含Java视频流播放，本人并不建议直接将视频路径放到src中，而是使用视频流方式获取

1 条评论您还未登录，请先登录后发表或查看评论

视频播放拖动进度时间定位不准问题

sunlit_6的博客

10-31

2531

Android、ios开发过程中遇到视频播放拖动进度时间定位不准问题，定位问题为视频本身缺少关键帧，做如下处理解决此问题。 FFmpeg工具相关命令行语句： ffmpeg.exe -i "D:\in.mp4" -c:v libx264 -preset superfast -x264opts keyint=25 -acodec copy -f mp4 "D:\out.mp4" 命令语句...

使用vue-video-player点击进度条失效

liyanfeng的博客

05-26

5152

产生原因：请求服务器端的视频，响应头中缺少如下部分：解决方案：在nginx中添加配置： { index index.html }

[bugfix] - video.js播放视频点击进度条失效/快进失效/分片加载

vndmea的博客

10-27

6363

这里写自定义目录标题使用 video.jsbug 描述解决办法使用 video.js 最近的一个小项目中需要播放视频文件，且主要是mp4格式，考虑到后期对其他视频格式种类的支持和功能的拓展，我在项目里使用了业界较为常用 video.js 库。凤凰网、百度网盘等页面的视频播放都使用的 video.js。video.js 的官方文档为英文，要参见中文文档可以访问此video.js api中文页面。 ...

vue使用vue-video-player播放视频及遇到的问题

weixin_45546982的博客

07-13

3509

vue项目使用vue-video-player组件播放视频

H265网页视频播放器播放录像时间轴与实际视频时间不相符如何处理？

TSINGSEE青犀视频官方技术博客

09-27

1939

大家知道，TSINGSEE青犀视频全线产品内都已经融合了H265播放器，支持播放H265编码视频（视频网站使用H265编码能提高视频清晰度吗）。我们在测试H265播放器的时候，点击到录像播放，会出现视频已经播放结束而录像时间轴还剩部分时间的情况。分析问题排查发现播放每一段录像或者点播视频，剩余的长度都不一样，而且越长的视频剩余的长度相对较短。随后到浏览器控制台查看，发现每次播放点播或者录像视频，都会先加载一个M3U8文件，然后加载TS文件，再拉起播放器。播放器拉起后会从第二个TS文件开始

安卓直播视频播放流媒体IPCameraRTSPDLNA相关-本项目基于vlc源码实现rtsp播放视频。修改了一些代码。可以显示进度条和播放当前时间和总时间。以及拖动进度条实现快进快退和点击暂停播放的效果。.rar

07-29

本项目基于vlc源码实现rtsp播放视频。修改了一些代码。...以及拖动进度条实现快进快退和点击暂停播放的效果。.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。

Qt实现在QLabel上播放视频文件，可以拖动进度条，快进倒退

01-09

6. **事件处理**：为了响应用户操作，我们需要编写事件处理器，例如鼠标点击进度条时的滑动事件，以及快进和倒退按钮的点击事件。这些事件处理器会调用相应的QMediaPlayer方法来改变播放位置或播放速度。 7. **界面...

Unity视频进度条播放，暂停

04-16

在这个脚本中，`videoPlayer.timeUpdate`订阅事件用于在视频播放时更新进度条的值，而`OnSliderValueChanged`方法则在用户拖动进度条时调整视频播放的位置。为了实现暂停功能，你可以直接调用VideoPlayer组件的`...

h5，video禁止拖动进度条，禁止快进

03-24

利用jq简单控制h5视频播放进度条，让使用者不能快进，可以后退。原理是每500毫秒记录一次进度条时间，如果下一个500毫秒的进度减去上一个500毫秒的进度大于1秒，那么就让视频返回到上一个进度，因项目开发中对于视频播放只有这么一个要求，所以搞得比较简单。代码仅作参考。大神轻喷。

XGBoost缺失值引发的问题及其深度分析

美团技术团队

08-15

3952

总第349篇2019年第27篇背景XGBoost模型作为机器学习中的一大“杀器”，被广泛应用于数据科学竞赛和工业领域，XGBoost官方也提供了可运行于各种平台和环境...

vue-video-player 断点续播、快进控制

热门推荐

DarlingYL的博客

04-29

1万+

vue 视频播放插件vue-video-player自定义样式、自动播放设置、设置一开始全屏播放视频、监听全屏事件

PotPlayer播放时、拖动播放条，CPU占用率高、卡顿

zhaopeng01zp的博客

08-08

5504

确定，关闭播放器再重新打开即可；

解决mp4视频无法拖动进度条的问题

leo0308的博客

12-20

1万+

海康威视的监控摄像头保存的视频，,mp4格式，大小1G。用PotPlayer播放器进行播放，不拖动进度条的话可以正常播放，但拖动进度条后，视频无法正常播放，在 PotPlayer 中的表现就是只有进度条在走，视频画面停留在拖动前的画面。PS：同时保存的有多个监控视频，除了个别视频不能拖动进度条播放，其他的都能拖动进度条播放。打开new.mp4尝试一下看是否能正常拖动进度条播放。视频文件有损坏，时间轴信息丢失。

ExoPlayer之seekto掉帧解决办法

Caben_的博客

03-25

8773

随着项目的迭代，在调研了竞品使用的播放器方案之后，最终把播放器从原始的MediaPlayer迁移到ExoPlayer上来。原始的MediaPlayer播放器存在以下问题： 1.seekTo的时候掉帧，只能seekto到指定位置的上一个关键帧 2.进度回调不准（在轮询时间片段的时候，时间跳跃明显，多个视频串联的时候） 3.多个视频衔接的时间中卡顿（从A视频切换到B视频的过程中，需要reset播...

关于前端video标签视频无法拖动进度条快进问题(Django)

骑着哈哥去取经！！！

07-23

6701

关于前端video标签视频无法拖动进度条快进问题(Django)

vue中实现【 Video视频进度条不能拖动，且能倍速播放】，用vue-video-player插件，封装成组件的方法步骤

weixin_50450473的博客

12-07

1万+

一、安装vue-video-player 插件 npm install vue-video-player -S 二、引入 1、全局引入，main.js import VideoPlayer from 'vue-video-player' import 'vue-video-player/src/custom-theme.css' import 'video.js/dist/video-js.css' Vue.use(VideoPlayer) 2、局部引入 import { vide...

Swiper组件中嵌入视频播放,但是进度条无法拖拽，点击

06-01

如果你在Swiper组件中嵌入了视频播放，但是发现进度条无法拖拽或者点击调整播放进度，可能是因为Swiper组件自身的事件冲突导致的。此时可以尝试禁用Swiper组件的滑动事件，让视频播放组件接收到用户的拖拽和点击事件。具体地，你可以在Swiper组件上使用`touchstart`和`touchmove`事件来禁止Swiper的滑动事件，然后在视频播放组件上使用`mousedown`和`mousemove`事件来接收用户的拖拽和点击事件。代码示例如下： ```javascript var mySwiper = new Swiper('.swiper-container', { // 禁用Swiper的滑动事件 on: { touchstart: function(e) { e.stopPropagation(); }, touchmove: function(e) { e.stopPropagation(); } } }); // 视频播放组件的拖拽和点击事件 var video = document.getElementById('my-video'); var progress = document.getElementById('my-progress'); progress.addEventListener('mousedown', function(e) { var rect = progress.getBoundingClientRect(); var x = e.clientX - rect.left; var percent = x / rect.width; video.currentTime = video.duration * percent; }); progress.addEventListener('mousemove', function(e) { if (e.buttons === 1) { var rect = progress.getBoundingClientRect(); var x = e.clientX - rect.left; var percent = x / rect.width; video.currentTime = video.duration * percent; } }); ``` 在上面的代码中，`mySwiper`是一个Swiper组件的实例，`video`是一个视频播放组件的实例，`progress`是一个视频播放进度条的DOM元素。我们在Swiper组件上使用`touchstart`和`touchmove`事件来禁止Swiper的滑动事件，然后在视频播放组件上使用`mousedown`和`mousemove`事件来接收用户的拖拽和点击事件。注意，我们在`mousemove`事件中判断`e.buttons`是否为1，以确保只有在鼠标左键按下时才会调整视频播放进度。