|
请登陆查看全文
您需要 登录 才可以下载或查看,没有账号?立即注册
×
通过很多方法也搜索了许多教程,很多网上教程都是使用X2的安装教程,结果安装了X3的代码,结果又无法使用。
站长也是费了九牛八虎之力才找到掌握方法,分享给大家。希望各位DZ站长在使用时方便快捷!
费话不多说,上教程
下载x2或者x3 ckplay播放器代码
1、本论坛下载地址
ckplayer[X2版本 ]
ckplayer[X2版本 ].zip
(606.95 KB, 下载次数: 0)
ckplayer[X3版本 ]
ckplayer[X3版本 ].zip
(3.04 MB, 下载次数: 1)
2、也可以自己去 gitee 直接下载【官方是X3版本】,需要x2版本也可以去网上搜索下载
https://gitee.com/niandeng/ckplayer

3、把下载的文件解压(只需要 Ckplayer 文件夹),解压后上传到论坛根目录。
4、登录到论坛后台,进入 界面\编辑器设置\Discuz! 代码。
5、新增一个标签,命名为 "ck" 或 "ckplayer"。【名字自己随便取】
播放器小图标:
6、然后点击“详情”进入编辑,如图:
注:X2和X3替换的内容不一样【本论坛下载里面X2 X3版本里面都附有代码】 由于本帖被限制了复制功能,请下载X2 X3 播放器里面有替换代码!
X2替换代码 <script type="text/javascript" src="https://0839bbs.cn/ckplayer/ckplayer.js"></script> <div id="video" style="width:100%;height:350px;"></div> <script type="text/javascript"> var videoObject = { container: '#video', variable: 'player', video:'{1}' }; var player=new ckplayer(videoObject); </script>
X3替换代码 <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>
参数个数、嵌套次数;我的意见是设置1就行了,不然设置2个 ,当地址只有1个地址不会显示播放器,亲自测试给的见意!【确实需要嵌套2次数,请参考结尾备注】 参数提示语、解释等随你填写 允许使用此代码的用户组:自己选择
7、然后到 全局\SEO设置\其他\其他头部信息,添加代码:
注:X2版本忽略第7步
如图:
代码:
<font size="4"><link type="text/css" rel="stylesheet" href="ckplayer/css/ckplayer.css" /></font> 8、最后到 “工具” 更新缓存就完成了。
注:如果不想添加封面图片: 1、把替换内容里的 ( poster:'{2}', ) 删除, 2、把 ( 参数个数:2 ) 改为 1, 3、把 ( 参数提示语:) 里面的“请输入封面图片地址”删除。 总结:X2 x3 版本设置区别就是除了替换内容不一样,X3版本需要操作第7步!
|
|