苹果cms插件

TCPlayer腾讯H5播放器插件

Plyr轻量自定义H5播放器 苹果CMS适配插件

  • 资源分类：苹果cms插件
  • 发布时间：2024-12-08
  • 点击次数：112
  • 下载次数：50
下载地址1

插件简介

Plyr是一款轻量化、高自由度的原生H5媒体播放器，全程采用原生JavaScript编写，无需依赖任何第三方框架，整体体积小巧，压缩后仅4.8Kb。插件同时支持视频与音频播放，兼容YouTube、Vimeo媒体资源，支持WebVTT字幕展示、原生全屏播放、音量与进度自定义调控等能力，适配各类现代浏览器，老旧浏览器可自动降级兼容内置播放器，适配稳定性强。

TCPlayer腾讯H5播放器插件

播放器核心特性

  • 高可访问性：全面兼容字幕文件与屏幕阅读器，适配多样化浏览使用场景。

  • 超轻量体积：资源文件精简，加载速度快，不会增加站点访问负担。

  • 可视化定制：播放器外观样式支持自定义调整，可贴合网站风格适配美化。

  • 语义化交互：依托HTML5原生组件实现进度、音量调节，交互逻辑标准流畅。

  • 响应极速：运行响应迅速，播放操控无延迟，观影体验流畅。

  • 音视频通用：同时支持视频播放与纯音频播放，适配多类型媒体资源。

  • 简易API接口：配备简洁易用的开发API，便于二次功能拓展。

  • 浏览器向下兼容：针对低版本不兼容浏览器，可自动调用系统内置播放器兜底。

  • 原生全屏支持：完美适配浏览器原生全屏、退出全屏功能。

  • 零外部依赖：纯原生JS开发，无需jQuery等第三方插件支撑运行。

插件部署使用教程

  1. 解压Plyr播放器插件压缩包，将所有文件完整复制并上传至苹果CMS系统根目录。

  2. 登录苹果CMS后台管理端，依次进入视频、播放器配置页面。

  3. 选中需要替换播放器的资源站编码，例如mgM3U8，点击编辑选项进入播放器代码配置界面。

  4. 替换原有播放器代码，粘贴下方专属调用代码并保存设置，即可完成部署启用。

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