Ckplayer 播放器代码

admin

1、首先下载 Ckplayer 文件。

ckplayer.zip (18.53 MB, 下载次数: 8)

2024-12-9 09:20 上传

点击文件名下载附件

2、也可以自己去 gitee 直接下载。
地址：https://gitee.com/niandeng/ckplayer



3、把下载的文件解压（只需要 Ckplayer 文件夹），解压后上传到论坛根目录。

4、登录到论坛后台，进入 界面\编辑器设置\Discuz! 代码。

5、新增一个标签，命名为 "ck" 或 "ckplayer"。




图标：

对应目录：
/static/image/common/

6、然后点击“详情”进入编辑，如图：



•替换内容：
1.两个参数：

1. <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>
   
2. <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>

复制代码

2.一个参数

1. <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>
   
2. <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,};var player=new ckplayer(videoObject);</script>

复制代码

•例子：

1. https://www.xxx.com/1234.mp4

复制代码

•解释：

1. Ckplayer播放器

复制代码

•参数个数：2  如果用代码2就输入：1
•参数提示语：

1. 请插入视频地址
   
2. 请输入封面图片地址

复制代码

•嵌套次数：1[url=]允许使用此代码的用户组: 这个你自己选择。[/url]
•允许使用此代码用户组：这个你自己选择

7、然后到 全局\SEO设置\其他\其他头部信息,添加代码：

1. <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/