苹果cms整合H5触屏Nplayer播放器插件教程

苹果cms整合H5触屏Nplayer播放器插件，这是一款支持触屏手势的 H5播放器，带投屏、手动下一集、记忆播放、弹幕等功能。

苹果cms插件概述：

苹果cms整合H5触屏Nplayer播放器插件，兼容H5触屏，带投屏、手动下一集、记忆播放、弹幕等功能；

NPlayer是由Typescript加Sass编写，无任何第三方运行时依赖。兼容IE11，兼容移动端、兼容SSR、兼容直播。高度可定做，所有图标、主题色等均可够替换，并且提供了内置组件方便二次开发。你可以自定义任意数个断点，不仅仅是兼容移动端；只要愿意，你可以比较轻松的兼容手机竖屏，手机横屏、平板等设备；它还拥有插件系统，弹幕功能就是使用插件形式提供。使用时按需引入就能。从多数站长的反馈看。该播放器还可以接入任何流媒体，如HLSdash和flv等。

NPlayer亮点功能：

移动端触屏划屏功能，左右划动屏幕实现视频快进、快退

移动端兼容投屏功能，手动检测可接受投屏设备；一键投屏

整合苹果cms下一集接口；多集视频播放环境下播完本集手动播放下一集

带时间提醒框记忆播放功能，由用户决定会不会继续上次播放时间

苹果cms插件部署方法

将下载的苹果cms，插件解压后拷贝至苹果cms系统根文件夹内

登录苹果cms管理后台 - 视频 - 播放器

选择要解析的资源站编码，如：kkM3U8，随后选择“编辑”-“播放器代码”，替换下述代码就能

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();

prepreprepreprepreprepre

Nplayer 作为 H5播放器 的亮点是手势和投屏，整合完成后建议用不同分辨率的视频各测一遍。