1、首先下载 Ckplayer 文件。
传送门:
ckplayer.zip
(18.53 MB, 下载次数: 219)
2、也可以自己去 gitee 直接下载。
地址:https://gitee.com/niandeng/ckplayer
3、把下载的文件解压(只需要 Ckplayer 文件夹),解压后上传到论坛根目录。
4、登录到论坛后台,进入 界面\编辑器设置\Discuz! 代码。
5、新增一个标签,命名为 "ck" 或 "ckplayer"。
图标:
6、然后点击“详情”进入编辑,如图:
● 替换内容:
[CSS] 纯文本查看 复制代码 <script type="text/javascript" charset="utf-8" src="ckplayer/js/ckplayer.js"></script><script type="text/javascript" charset="utf-8" src="ckplayer/flv.js/flv.js"></script><script type="text/javascript" charset="utf-8" src="ckplayer/hls.js/hls.js"></script><script type="text/javascript" charset="utf-8" src="ckplayer/mpegts.js/mpegts.js"></script>
<div align="center" id="video" class="video" style="width:auto;height:29em"></div><script type="text/javascript">var videourl="{1}";var urlhz=videourl.split(".").pop().toLowerCase();if(urlhz="m3u8"){plug="hls.js";}else if(urlhz="flv"){plug="flv.js";}else if(urlhz="ts"){plug="mpegts.js";}else if(urlhz="mp4"){plug="";}else{plug="";}var videoObject = {container:".video",autoplay:false,rightBar:true,screenshot:true,crossOrigin:'Anonymous',smallWindows:true,playbackrateOpen:true,theatre:true,webFull:true,plug:plug,video:videourl,poster:'{2}',};var player=new ckplayer(videoObject);</script>
● 例子:
[CSS] 纯文本查看 复制代码 https://www.xxx.com/1234.mp4
● 解释:
[CSS] 纯文本查看 复制代码 Ckplayer播放器
● 参数个数:2
● 参数提示语:
[CSS] 纯文本查看 复制代码 请插入视频地址
请输入封面图片地址
● 嵌套次数:1
● 允许使用此代码的用户组: 这个你自己选择。
7、然后到 全局\SEO设置\其他\其他头部信息,添加代码:
[CSS] 纯文本查看 复制代码 <link type="text/css" rel="stylesheet" href="ckplayer/css/ckplayer.css" />
如图:
8、最后到 “工具” 更新缓存就完成了。
注:如果不想添加封面图片:
1、把替换内容里的 ( poster:'{2}', ) 删除,
2、把 ( 参数个数:2 ) 改为 1,
3、把 ( 参数提示语:) 里面的“请输入封面图片地址”删除。
Ckplayer X3版手册:https://www.ckplayer.com/manual/
|