苹果CMS源码
苹果CMS整合H5触屏Nplayer播放器插件 网页视频播放组件

苹果CMS整合H5触屏Nplayer播放器插件 网页视频播放组件

发布时间：2025-04-03 点击次数：1076 下载次数：29

免费下载

简介

Nplayer作为苹果CMS配套播放器插件，采用Typescript结合Sass开发，不存在第三方运行时依赖。程序兼容IE11浏览器，适配移动端页面，支持SSR渲染与直播播放场景，集成多项常用播放交互功能。

Nplayer播放器插件

移动端提供触屏滑动控制，左右滑动画面完成视频快进与快退。插件内置投屏检测能力，可以识别可用设备并一键投屏。对接苹果CMS下一集接口，剧集播放结束后自动加载后续集数。播放进度记忆功能可展示时间提示框，用户自主选择是否从上次断点继续观看，同时搭载弹幕模块。

教程

插件部署

解压插件安装包，将文件复制到苹果CMS站点根目录。

后台播放器代码替换

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

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

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

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