如何使用本地存储恢复vimeo在页面重新加载时的暂停时间?

Question

我正在尝试创建一个jquery脚本来存储vimeo视频的暂停时间，以便当他回来时可以从他离开的地方观看它

jQuery(document).ready(function() {
player.on('pause', function() {
console.log("pause");   
});
});

我想使用本地存储来实现这一点

Answer 1

您已经弄清楚了需要什么砖块，现在您只需要将它们放在一起即可。

使用 Vimeo Player API，您可以获取 vimeo 实例并在视频暂停时获取播放器时间。

然后使用本地存储 API 存储数据。

加载页面时，只需检查 localStorage 是否存在数据，然后再次使用 Vimeo Player API 设置当前时间(如果有(。

let time = localStorage.getItem('videoProgress');
if(time != null) {
player.setCurrentTime(time);
}
player.on('pause', function() {
player.getCurrentTime().then(function(seconds) {
localStorage.setItem('videoProgress', seconds);
});
});