chrome 点按几次后进度条后.无法播放

来源:3-8 js实现进度条可拖拽效果

慕慕2189074

2017-07-28 18:09:37

在资料里面用的老师的代码

 chrome浏览器中 ,本来可以正常播放,在尝试几次点按进度条以后,视频播放暂停,

然后再点按播放按钮无反应.

开发者工具提示该内容:

index.html:1 

undefined:1 Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().

请问有人知道是什么原因吗?

写回答

2回答

怎么都被占用了呢

2017-08-17

在播放或暂停的触发事件中,判断:当前的时间减去最近的一次操作时间,如果小于延迟时间(自己定义的,建议100毫秒以上)。就直接通过return退出,不执行接下来的操作。

以下代码供参考:

var lastRunTime=Date.now();
function playOrPause(){
var currentTime=Date.now();
var protectTime=100;//设置保护性延时 单位毫秒,不要小于50 建议100以上
if((currentTime-lastRunTime)<protectTime){
return;//两次执行太过频繁,直接退出
}

0

怎么都被占用了呢

2017-07-28

测试了一下老师的代码,没有出现你说的这种错误,所以没办法定位调试,所以先给你一个通用的解决方法,你试一下:在播放或者暂停事件中,设置一个保护性延时 ,时间建议100毫秒以上。当当前时间减去最后一次操作时间的值小于延迟时间,说明操作太频繁,直接退出

0
hq_天天_66
h 老师,这个保护性延时怎么写,能举个例子吗?
h017-08-16
共1条回复

0 学习 · 5012 问题

查看课程