苹果cms教程

苹果CMS V10接入Artplayer自定义播放器详细教程

发布时间:2026-03-14共17人阅读

一、Artplayer播放器资源获取

Artplayer是一款轻量化、高自定义的HTML5视频播放器,支持多类视频与字幕格式,适配苹果CMS影视站点播放场景,可通过官方开源地址下载源码与查阅开发文档。

开源下载地址:

  • https://gitee.com/522497065/ArtPlayer

  • https://codeload.github.com/zhw2590582/ArtPlayer/zip/refs/heads/master

官方配置文档地址:https://artplayer.org/document/

二、站点文件部署步骤

下载完成Artplayer资源后,将压缩包内的 artplayer文件夹 与 artplayer.html 文件,上传至苹果CMS V10站点的 /static/player/ 目录下,保证文件目录完整、路径无误。

三、后台播放器新增配置

文件部署完成后,登录苹果CMS V10网站后台,完成播放器新增与代码绑定配置。

整合Artplayer播放器方法

  1. 在后台左侧导航依次进入 视频 → 播放器 → 添加,新建自定义播放组件;

  2. 完成基础参数填写后,切换至播放器代码选项卡,粘贴下方JS调用代码;

MacPlayer.Html = '<iframe border="0" src="'+maccms.path+'/static/player/artplayer.html" width="100%" height="100%" marginWidth="0" frameSpacing="0" marginHeight="0" frameBorder="0" scrolling="no" vspale="0" noResize></iframe>'; MacPlayer.Show();
  1. 保存全部配置,完成Artplayer播放器绑定。

四、生效调试与排错

配置保存后必须清理网站全站缓存,确保新播放器配置生效。若前台播放页面未正常加载新播放器,可使用 Ctrl+F5 强制刷新页面。若依旧加载失败,核对后台播放器代码粘贴完整性与站点文件上传路径,排查字符缺失、路径错误等问题。