网页视频进度条禁止拖动----解决

点击键盘F12键，进入开发者模式
发现标志,html5播放器，属于原生支持最方便实现加速的
在开发者模式中找到Console 调式窗口，输入以下代码可以设置视频播放速度

/* play video twice as fast */
document.querySelector('video').defaultPlaybackRate = 1.0;//默认一倍速播放
document.querySelector('video').play();/* now play three times as fast just for the heck of it */document.querySelector('video').playbackRate = 10.0;  //修改此值设置当前的播放倍数

直接跳过视频：

function skip() {let video = document.getElementsByTagName('video')for (let i=0; i<video.length; i++) {video[i].currentTime = video[i].duration}
}
setInterval(skip,200)

网页视频进度条禁止拖动----解决相关推荐

断点续传（视频进度条拖动以及flv.js需要断点续传）
目前遇到2种场景需要用到断点续传视频进度条无法正常拖动,或拖动视频未发生变化,F12请求头中可以看到"Range". 使用B站开源组件flv.js只可以播放3分钟视频,想要解决就 ...
B站不能拖动视频进度条问题
B站不能拖动视频进度条问题关闭网页自由复制.网页限制类插件即可
HTML5 ＜VIDEO＞标签音频视频进度条无法正常使用问题
@HTML5 <VIDEO>标签音频视频进度条无法正常使用问题 html <video id='previewVideo' autoplay controls="con ...
iOS-仿支付宝加载web网页添加进度条
代码地址如下: http://www.demodashi.com/demo/11727.html 目前市场上APP常会嵌入不少的h5页面,参照支付宝显示web页面的方式, 做了一个导航栏下的加载进度条 ...
Linux 基于QT的mplayer视频播放器（实现进度条的拖动、播放列表等）
UI随手做的,有点简陋先放效果图: 功能:实现了音量的进度条,播放进度条,播放暂停,停止,快进快退等等,并且界面可以跟随窗口缩放.(进度条可拖动控制视频.音频) 下面界面视频的功能: 1.播放用m ...
在vue项目中使用video.js实现视频播放和视频进度条打点
一.用video.js实现视频播放 1.安装video.js插件 // 安装video.js插件 npm install video.js -S // 如果需要播放rtmp直播流,需安装一下插件 np ...
Android小项目之--前台界面与用户交互的对接进度条与拖动条（附源码）
都知道水果公司(苹果)是己尊重用户体验著称的公司,其设计的产品人性化十足,不得不令后来者赞叹,竞相模仿.iphone的成功就是其典型的案例,做为其移动系统的死对头 Google 想要在市场上分得一杯羹 ...
android仿微信图片上传进度,Android开发之模仿微信打开网页的进度条效果(高仿)...
一,为什么说是真正的高仿? 阐述这个问题前,先说下之前网上的,各位可以复制这段字,去百度一下 "仿微信打开网页的进度条效果",你会看到有很多类似的文章,不过他们有个共同点,就是实 ...
Opencv学习笔记——视频进度条
有了视频进度条就可以认为是一个简单的视频播放器,关键是读取视频播放到的位置和设置进度滑块的位置. #include "stdio.h" #include "highgui ...
android仿微信进度条,Android开发之模仿微信打开网页的进度条效果(高仿)
一,为什么说是真正的高仿? 阐述这个问题前,先说下之前网上的,各位可以复制这段字,去百度一下 "仿微信打开网页的进度条效果" ,你会看到有很多类似的文章,不过他们有个共同点,就是 ...

网页视频进度条禁止拖动----解决

网页视频进度条禁止拖动----解决相关推荐

最新文章

热门文章