苹果CMS触屏MuiPlayer播放器插件是一款面向PC端和移动端的视频播放器扩展,适用于常见的在线播放场景,支持全屏播放、播放进度控制、快进快退、音量调节、循环播放以及视频解码等功能。
该播放器针对不同终端进行了适配,同时提供移动端和PC端扩展支持,可以应用于Android、iOS等设备的WebView环境。在支持HTML5 Plus的运行环境中,还可以结合相关原生API实现更多播放控制功能,例如设备音量控制、全屏横竖屏切换以及沉浸式播放等。

MuiPlayer播放器主要特点
触屏手势操作
MuiPlayer支持触屏手势操作,在移动设备上可以通过滑动屏幕控制视频播放。例如屏幕左侧上下滑动可以调节亮度,右侧上下滑动可以调节音量,左右滑动则可以控制视频播放进度,操作方式比较适合手机和平板等触屏设备。
兼容多种终端设备
播放器兼顾PC端和移动端使用场景,可以用于电脑浏览器、手机浏览器以及部分WebView应用环境,方便苹果CMS网站根据不同设备提供在线播放功能。
记忆播放功能
插件整合了记忆播放功能,可以记录用户上一次的视频播放进度。当用户再次打开视频时,可以根据播放器提供的提示选择是否继续播放之前的进度。
自动播放下一集
插件支持与苹果CMS多集视频播放逻辑配合使用。当当前视频播放结束后,可以调用下一集播放接口,在多集影视内容中实现自动切换下一集的效果。
画中画播放
播放器支持画中画功能,在浏览器或设备环境支持的情况下,可以让视频以悬浮窗口形式继续播放,方便用户在浏览其他内容时继续观看视频。
苹果CMS触屏MuiPlayer插件安装方法
第一步:上传插件文件
将下载得到的苹果CMS MuiPlayer播放器插件解压,然后将插件文件按照程序包中的目录结构复制到苹果CMS网站根目录。
上传时建议保持插件原有的目录结构,不要随意修改文件夹名称,否则可能导致播放器资源无法正常加载。
第二步:进入播放器设置
登录苹果CMS V10管理后台,然后进入:
视频 → 播放器
第三步:选择播放器编码
在播放器列表中找到需要使用MuiPlayer的资源站编码。例如需要修改 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();
播放器代码说明
上面的代码主要通过iframe加载MuiPlayer播放器页面,并将苹果CMS当前播放器获取到的播放地址传递给MuiPlayer。
MacPlayer.HTML:设置苹果CMS播放器最终输出的HTML代码。MacPlayer.Height:调用当前播放器设置的播放高度。MacPlayer.PlayUrl:获取当前视频的播放地址,并通过URL参数传递给MuiPlayer。/static/player/muiplayer/:MuiPlayer播放器页面的加载路径。allowfullscreen="true":允许播放器进行全屏操作。MacPlayer.Show():执行苹果CMS播放器显示逻辑。
苹果CMS MuiPlayer使用注意事项
安装插件前建议先备份网站相关文件,方便出现问题时恢复。
插件文件需要上传到苹果CMS网站根目录,并保持原有目录结构。
修改播放器代码时,应确认选择的是需要使用MuiPlayer的资源站编码。
MacPlayer.PlayUrl必须能够正常获取播放地址,否则播放器页面可能无法正常播放视频。触屏手势、画中画以及横竖屏等功能是否可用,还与浏览器、操作系统及设备本身的支持情况有关。
如果修改代码后播放器无法显示,可以检查
/static/player/muiplayer/目录是否上传完整,并检查浏览器控制台是否存在资源加载错误。不同苹果CMS版本或播放器程序包的目录结构可能存在差异,实际安装时应以插件压缩包内的文件结构和说明为准。
总结
苹果CMS触屏MuiPlayer播放器插件主要用于增强网站的视频播放体验,针对PC端和移动端进行了适配,并提供触屏手势、记忆播放、自动下一集、画中画等功能。
安装时只需要将插件文件上传到苹果CMS网站根目录,然后进入视频 → 播放器,找到需要修改的资源站播放器,进入编辑 → 播放器代码并替换对应代码即可。完成修改后建议实际测试PC端和手机端的播放、全屏、进度控制等功能是否正常。
