AI 摘要
生成中...
需求：打开视频页面，可以记录上一次的视频播放位置，并自动跳到之前的位置播放。
分析两个事件：
- ontimeupdate 事件在视频/音频（audio/video）当前的播放位置发送改变时触发
- onloadeddata 事件在当前帧的数据加载完成且还没有足够的数据播放视频/音频（audio/video）的下一帧时触发。
<div class="container">
<div class="video">
<video src="https://v.itheima.net/LapADhV6.mp4" controls></video>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>const video = document.querySelector('video')
video.ontimeupdate = _.throttle(() => {
// console.log(video.currentTime);
// 把当前的时间存储到本地存储
localStorage.setItem('currentTime', video.currentTime)
}, 1000)
// 打开页面触发事件，就从本地存储里面取出记录的时间， 赋值给 video.currentTime
video.onloadeddata = () => {
// console.log(111);
video.currentTime = localStorage.getItem('currentTime') || 0
}