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;//两次执行太过频繁,直接退出
}
怎么都被占用了呢
2017-07-28
测试了一下老师的代码,没有出现你说的这种错误,所以没办法定位调试,所以先给你一个通用的解决方法,你试一下:在播放或者暂停事件中,设置一个保护性延时 ,时间建议100毫秒以上。当当前时间减去最后一次操作时间的值小于延迟时间,说明操作太频繁,直接退出
相似问题
回答 1
回答 3