苹果CMS源码
苹果CMS Plyr轻量级H5记忆播放器插件 原生JS媒体组件

苹果CMS Plyr轻量级H5记忆播放器插件 原生JS媒体组件

发布时间：2025-04-10 点击次数：876 下载次数：26

免费下载

简介

Plyr是一款轻量化、易于自定义的H5媒体播放器，采用原生JavaScript编写，不存在额外依赖。播放器同时支持视频与音频播放，兼容YouTube、Vimeo资源，自带播放控制项，支持音量调节、WebVTT字幕以及全屏播放，仅面向现代浏览器使用。

轻量级Plyr记忆播放器插件

压缩之后文件大小仅4.8Kb，支持屏幕阅读器，具备良好的可访问性。播放器界面可按需自定义，使用HTML5原生输入控件调节进度与音量，响应式布局适配不同设备。配套简易API，浏览器不兼容时会自动降级调用内置播放器，支持原生全屏切换。接入苹果CMS后增加记忆播放功能，记录用户上次观看位置。

教程

文件部署

解压Plyr整合包，将全部文件复制到苹果CMS站点目录。

播放器代码替换

  1. 登录苹果CMS后台，进入视频分类，打开播放器管理页面

  2. 选中目标资源站编码，例如mgM3U8，点击编辑，进入播放器代码配置

  3. 使用下方代码替换原有播放器代码

MacPlayer.HTML = '<iframe width="100%" height="'+MacPlayer.Height+'" src="/static/player/plyr/?url='+MacPlayer.PlayUrl+'" allowtransparency="true" allowfullscreen="true" marginWidth="0" frameSpacing="0" marginHeight="0" frameBorder="0" scrolling="no" vspale="0" noResize></iframe>
MacPlayer.Show();
相关推荐