写一段 js监听页面关闭时,暂停视频播放,并保存进度到数据库中的代码实例
时间: 2024-02-20 17:59:07 浏览: 203
你可以使用 `beforeunload` 事件来监听页面关闭事件,然后在事件处理程序中暂停视频播放并保存进度到服务器中。以下是一个示例代码:
```html
<video id="myVideo" src="myVideo.mp4"></video>
```
```javascript
var video = document.getElementById("myVideo");
window.addEventListener("beforeunload", function(event) {
// 暂停视频播放
video.pause();
// 保存视频进度到数据库
var currentTime = video.currentTime;
saveVideoProgress(currentTime);
});
function saveVideoProgress(currentTime) {
// 将进度保存到数据库
// ...
}
```
在这个示例中,我们首先获取了视频控件并添加了 `beforeunload` 事件监听器。当页面关闭时,事件处理程序将暂停视频播放并保存当前播放时间到服务器中。你需要将保存操作替换为你自己的代码,以便将进度保存到正确的位置。
阅读全文