一、引用事件
ontimeupdate() 事件在当前的播放位置发送改变时触发。
onloadeddata() 事件在浏览器加载视频/音频（audio/video）当前帧时触发。
currentTime() 设置或返回视频播放的当前位置（以秒计）
二、参详代码文章来源：https://www.toymoban.com/news/detail-756598.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
video{
width: 800px;
margin: 0 auto;
}
</style>
</head>
<body>
<video src="./190手写防抖和节流.mp4" controls></video>
<script src="./js/lodash.min.js"></script>
<script>
var video= document.querySelector('video');
//节流
video.ontimeupdate=_.throttle(function(){
var t=video.currentTime;
localStorage.setItem('cur',t)
}, 1000);
video.onloadeddata=function(){
var t= localStorage.getItem('cur');
video.currentTime=t;
}
</script>
</body>
</html>lodash.min.js到Lodash 简介 | Lodash中文文档 | Lodash中文网上下载文章来源地址https://www.toymoban.com/news/detail-756598.html
到了这里，关于利用节流记录视频（下次打开页面时，视频仍在上次播放的位置）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![微信小程序 video 组件[播新视频旧视频暂停，再次播放延续上次播放时长]](https://imgs.yssmx.com/Uploads/2024/02/825983-1.png)
