文章目录[隐藏]

前言说明

本文将详细讲解苹果CMS V10整合ckplayer X3视频播放器,其中附件为完整的播放器包,下载后就可直接使用,如不想下载也可按下面的安装教程自己上传整合,愿意的支持一下就行了,白嫖就按教程走,感谢对模板吧的支持,也欢迎各位加入360模板吧交流群!

安装教程

整合教程

1.本帖附件已经整理好了,含ckplayer x3 播放器SDK,下载后直接上传苹果CMS网站根目,然后在苹果CMS新建一个编码为“ckplayer”的播放器

苹果CMSV10整合ckplayerX3视频播放器插图

2.然后点击“播放代码”,复制下面流程说明的“ckplayer.js”粘贴保存即可

苹果CMSV10整合ckplayerX3视频播放器插图

3.然后就可以在视频也调用这个播放器了

苹果CMSV10整合ckplayerX3视频播放器插图

流程说明

1.新建“ckplayer.js”文件代码如下:

MacPlayer.Html = '<iframe border="0" src="'+maccms.path+'/static/player/ckplayer.html" height="'+MacPlayer.Height+'" width="100%" marginWidth="0" \ frameSpacing="0"\ marginHeight="0"\ frameBorder="0"\ scrolling="no"\ vspale="0"\ id="Player" allowfullscreen="true" ><\/iframe>';MacPlayer.Show();

2.新建“ckplayer.html”文件,代码如下:

<!DOCTYPE html>
<html>
<head>
        <title>ckplayerx3播放器</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=11" />
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
    
        <style type="text/css">
        html,body{width:100%;height:100%; padding:0; margin:0;}
        #playerCnt{width:100%;height:100%;position: relative;}
        </style>
<link rel="stylesheet" type="text/css" href="/static/player/ckplayer/css/ckplayer.css">
<script type="text/javascript" charset="utf-8" src="/static/player/ckplayer/js/ckplayer.js"></script>
<script type="text/javascript" charset="utf-8" src="/static/player/ckplayer/flv.js/flv.js"></script>
<script type="text/javascript" charset="utf-8" src="/static/player/ckplayer/hls.js/hls.js"></script>
<script type="text/javascript" charset="utf-8" src="/static/player/ckplayer/mpegts.js/mpegts.js"></script>
</head>
<body margin margin>
<div id="playerCnt" class="playerCnt"></div>
        <script type="text/javascript">
            var plug="normal";
        var live=false;
        var url=parent.MacPlayer.PlayUrl;
        var urlhz=url.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:".playerCnt", //容器的ID或className
                                autoplay:false, //是否自动播放
                                rightBar:true,
                                screenshot:true,
                                smallWindows:true,
                                playbackrateOpen:true,
                                webFull:true,
                                plug:plug,
                                live:live,
                                next:{
                                        link:parent.MacPlayer.PlayLinkNext,
                                        content:".video-next"
                                },
                                menu:[
                                        {
                                                title:"ckplayer",
                                                link:"http://www.ckplayer.com"                
                                        },
                                        {
                                                title:"version:X3",
                                                underline:true
                                        },
                                        {
                                                title:"关于视频",
                                                click:"aboutShow"
                                        }
                                ],
                                information:{
                                        "视频加载:":"{loadTime}秒",
                                        "视频时长:":"{duration}秒",
                                        "视频尺寸:":"{videoWidth}x{videoHeight}",
                                        "视频音量:":"{volume}%",
                                        "视频FPS:":"{fps}",
                                        "音频解码:":"{audioDecodedByteCount} Byte",
                                        "视频解码:":"{videoDecodedByteCount} Byte"
                                },
                                video:url
                        };
                        var player=new ckplayer(videoObject)
        </script>
</body>
</html>

3.将这个两个文件和ckplayer播放器文件夹上传到“/static/player”文件夹,没有下载附件的需要自己去下载ckplayer x3

苹果CMSV10整合ckplayerX3视频播放器插图
4.然后在苹果CMS添加播放器即可!

发表回复

后才能评论

本站部分资源需要解压密码,如需解压密码,解压密码则为“www.360mb.net”,如密码还是错误请联系客服。

本站提供的源码、模板、插件等等其他资源,除资源本身问题外,都不包含免费技术服务,如需技术支持需支付技术服务费100+/次,请大家谅解!

本站源码已经购买的后续都是免费更新,且资源更新都是在同一文章,不会新开一贴,不会重新收费,这一点我们和其他很多同行网站规则都不一样,望各位知晓!

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。