要使视频播放更加智能，能否自动保存观看进度？Plyr播放器具备了这一特性。接下来，我们将详细探讨其实现方式及如何将其融入系统。
预备知识
之前我们提到了播发器，如有需要，可以点击下方的链接查阅详细信息。现在，我们将主要讨论Plyr播放器的相关内容。比如，Plyr是一个轻量级的、界面美观的H5 Web播放器，以及页面数据缓存的基本应用方法。掌握这些知识，有助于我们后续的实现和整合工作。
掌握这些信息，才能更顺畅地进行Plyr播放器的操作，确保播放质量符合预期。
记忆播放原理
为了实现记忆播放功能，其核心在于运用缓存技术。具体做法是将用户的观看进度转换成缓存，并保存在用户的设备上。当用户再次点击相同的视频链接时，系统会自动启用该缓存，继续从上次停止的位置播放。
向播放器发送跳转命令，使其跳至指定播放位置。整个过程迅速完成，用户几乎察觉不到任何中断，从而提升了视频播放的连续性体验。
实现步骤一：写入封装代码
首先，我们需要在指定位置填入一段封装好的代码。这段代码至关重要，是整个记忆播放功能得以实现的关键步骤。尽管我们尚不了解这段代码的具体形态，但它却是我们后续操作的开端。
var cookie = {
'set': function(name, value, days) {
var exp = new Date();
exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000);
var arr = document.cookie.match(new RegExp('(^| )' + name + '=([^;]*)(;|$)'));
document.cookie = name + '=' + escape(value) + ';path=/;expires=' + exp.toUTCString();
},
'get': function(name) {
var arr = document.cookie.match(new RegExp('(^| )' + name + '=([^;]*)(;|$)'));
if (arr != null) return unescape(arr[2]);
},
'put': function(urls) {
var cookie = urls.replace(/[^a-z]+/ig, '');
var cookie = cookie.substring(cookie.length - 32);
![图片[1]-略过播发器介绍 聚焦Plyr播放器实现及系统整合与记忆播放功能-东山笔记](https://83ch.com/wp-content/themes/zibll/img/thumbnail-lg.svg)
return cookie;
}
}
将封装代码精确录入，有利于为后续的监听和跳转步骤打下坚实基础，从而保证后续功能能如预期顺利执行。
实现步骤二：监听进度并赋缓存
player.on('timeupdate',function() {
if (cookie) cookie.set(source, player.currentTime, 30);
});
接下来，我们要对Plyr播放器的播放进度进行跟踪，即获取相关数据。这些数据反映了播放的当前位置，需要将它们存入缓存中。
通过持续监听和设定，能够精确地记录下用户的播放进度，确保缓存中保存的是最新的播放资料，便于之后的调用使用。
实现步骤三：读取缓存跳转进度
player.on('loadeddata',function() {
var cookieTime = cookie.get(source);
if(cookieTime > 0) {
var zheng = Math.ceil(cookieTime);
player.forward(zheng);
}
});
最终阶段，我们需要向Plyr播放器发出指令。这个指令要求播放器在启动时读取缓存，并且直接跳转到缓存中记录的播放位置。
播放器启动完毕，用户只需遵循指示读取缓存数据并执行跳转，便能无缝衔接上次观看的进度，无需手动操作。
播放器整合
若想实现苹果CMS与Plyr的融合，可以尝试下载。但要注意，下载内容是保密的，必须先发表评论才能获取。下载完成后，将Plyr整合包解压，然后将其复制到苹果CMS的系统文件夹中。
登录苹果CMS管理界面后，进入视频播放器设置，挑选需用Plyr解析的站内编码，比如mg类型，接着点击“编辑”菜单，找到“播放器代码”选项，替换原有代码即可。
阅读完这篇文字，你是否曾尝试过对其他播放器做类似设置？别忘了点赞并转发这篇文章。
