Ckplayer 播放器代码

1、首先下载 Ckplayer 文件。

传送门： ckplayer.zip (18.53 MB, 下载次数: 219)

2023-3-13 18:22 上传

点击文件名下载附件

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/