苹果cms整合H5触屏Muiplayer播放器教程

插件概述：

苹果cms整合H5触屏Muiplayer播放器插件；播完手动下一集带记忆播放功能；

Muiplayer 是一款 HTML5 视频播放插件，其默认设置了精美可操作的的播放控件；涉及了常用的播放场景。比如全屏播放、播放快进，循环播放、音量调节，视频解码等功能；播放器的设计兼容了在 PC、Mobile 端运行，提供了 “移动端” 以及 “PC端” 两类拓展插件，故而你也可应用作在 Android、Ios 的 Webview 中使用。实际上，假如你的应用是运行在 HTML5 plus (opens new window】环境中，那么你使用该播放插件将会预设得到更多原生 api 的兼容，比如播放控制设备音量，全屏时横竖屏播放、沉浸式播放等。

MuiPlayer特性：

超强触屏划屏功能，兼容多类终端设备；屏幕左边上下滑动控制亮度；右边上下滑动控制音量；屏幕左右滑动控制视频时间快进快退。比较强大比较实用

已整合记忆播放功能，带时间提醒框，用户可自主选择会不会继续上次播放进度

整合苹果cms下一集接口；当前视频播放完毕后手动播放下一集（多集视频环境下）

自带画中画功能，轻松符合用户多样化诉求

插件部署方法

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

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

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

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

prepreprepreprepreprepre

Muiplayer 的皮肤可定制程度高，整合进苹果cms后记得在手机上实测一遍触屏交互。