公告:

欢迎访问元元本本博客-关注建站技术、SEO优化、主机服务器、站长学习分享!

苹果cms V8 V10 ckplayerx播放器整合教程

作者:元元本本博客 / 时间:7个月前 (05/21) / 分类:学习苹果cms / 阅读:1271 / 评论:1
苹果cms V8 V10整合ckplayer播放器教程
 
以本站提供的ckplayer X播放器为例
 
安装好后,播放器链接是这样的:http://你的域名/m3u8/?url=
 
播放接口就是:http://你的域名/m3u8/?url=
 
播放链接是:http://hc.yinyuetai.com/uploads/videos/common/98540159833C866BC93A979B838F9557.mp4
 
苹果cmsV8整合教程
 
1、首先找到苹果cmsV8的根目录,打开 /player/ 文件夹
 
2、新建一个 mp4.js 和 m3u8.js 文件,新建播放器代码内容如下:(两个内容一致)

MacPlayer.Html = '<iframe border="0" src="/m3u8/index.php?url='+MacPlayer.PlayUrl+'" width="100%" height="'+MacPlayer.Height+'" allowtransparency="true" allowfullscreen="true" marginWidth="0" frameSpacing="0" marginHeight="0" frameBorder="0" scrolling="no" vspale="0" noResize></iframe>';
MacPlayer.Show();
 
3、新建保存后,将 mp4.js 和 m3u8.js 文件上传至 /player/ 文件夹
 
4、登录到苹果cmsV8后台,找到“视频”-》“播放器”-》“添加”

苹果cms V8 V10 ckplayerx播放器整合教程-第1张图片-元元本本
 
5、打开“添加”后,如图中所示填写

苹果cms V8 V10 ckplayerx播放器整合教程-第2张图片-元元本本
 
6、上图是添加了一个mp4播放器,以此类推,再添加一个m3u8播放器,如下图

苹果cms V8 V10 ckplayerx播放器整合教程-第3张图片-元元本本


 
播放器整合完毕,请记得清理浏览器缓存

添加视频数据的时候,选择对应的播放器即可


苹果cms V8 V10 ckplayerx播放器整合教程-第4张图片-元元本本
 
 
苹果cms V10播放器整合教程
 
1、登录到苹果cmsV10后台,找到“视频”-》“播放器”-》“添加”
 
2、打开“添加”后,如图中所示填写

播放器代码:

MacPlayer.Html = '<iframe border="0" src="/m3u8/index.php?url='+MacPlayer.PlayUrl+'" width="100%" height="'+MacPlayer.Height+'" allowtransparency="true" allowfullscreen="true" marginWidth="0" frameSpacing="0" marginHeight="0" frameBorder="0" scrolling="no" vspale="0" noResize></iframe>';
MacPlayer.Show();

苹果cms V8 V10 ckplayerx播放器整合教程-第5张图片-元元本本
苹果cms V8 V10 ckplayerx播放器整合教程-第6张图片-元元本本
 
3、上图是添加了一个mp4播放器,以此类推,再添加一个m3u8播放器即可
 
播放器整合完毕,请记得清理浏览器缓存

打赏支付宝打赏微信打赏
  • QQ交流群
  • 互相指导
  • 博客主微信
  • 方便沟通

已有1条留言


发表评论:取消回复

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。