织梦dedecms怎么整合添加ckplayer播放器支持flv,mp4等播放功能

DEDECMS教程
4月28日
编辑

站长知名站长

织梦dedecms怎么整合添加ckplayer播放器支持flv,mp4等播放功能？

现在很多DEDE开发的视频网站使用的播放器是ckplayer，这个播放器功能非常强大，支持flv,mp4,swf等各种类型的文件播放器。这篇文章主要介绍了织梦dedecms整合添加ckplayer播放器支持flv,mp4等播放功能，感兴趣的小伙伴们可以参考一下

推荐学习：织梦cms

现在很多DEDE开发的视频网站使用的播放器是ckplayer，这个播放器功能非常强大，支持flv,mp4,swf等各种类型的文件播放器。当我们的视频不想上传到youku等视频网站时，可以使用这个播放器，这样可以自己控制自己的视频长度，清晰度，还可以给自己的视频添加上播放前的广告，我们都知道视频网站都都是以广告形式来生存的，所以，我们在上传了我们的视频后，就等于给这些视频网站提供了广告载体。如果您想自己在视频上面做广告，或是自己想拥有自己的个性的播放器，您可能使用ckplayer。

但是，ckplayer整合到DEDE稍微有点难度，这里就详细讲一下如何正确整合。

织梦整合ckplaery播放器步骤：

第一步：下载播放器代码，官方网站是 http://www.ckplayer.com

把下载下来的代码解压后，把文件夹ckplayer放到网站根目录（当然，您可以根据自己的需要放到相应原目录里面，我这里以放到网站根目录为例子）。

如果你的播放需要白天/黑夜功能也一起把js文件夹放到网站根目录里面。我这里不需要这个功能，所以，只上传ckplayer到网站根目录。

第二步：在织梦系统添加字段 ckurl，用来上传 mp4文件用的字段，如下图所示：

数据类型选择-多媒体文件

第三步：修改播放器代码路径和添加标签：

播放器代码是：

<div id="a1"></div>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
  var flashvars={
    f:'http://www.bnxb.com/upload/180105/12389514.mp4',
    c:0,
    b:1,
    i:'http://www.ckplayer.com/static/images/cqdw.jpg'
    };
  var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
  CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params);
  /*
  CKobject.embedSWF(播放器路径,容器id,播放器id/name,播放器宽,播放器高,flashvars的值,其它定义也可省略);
  下面三行是调用html5播放器用到的
  */
  var video=['http://www.bnxb.com/upload/180105/12389514.mp4'];
  var support=['iPad','iPhone','ios','android+false','msie10+false'];
  CKobject.embedHTML5('a1','ckplayer_a1',600,400,video,flashvars,support);
  
  
  function closelights(){//关灯
    alert(' 本演示不支持开关灯');
  }
  function openlights(){//开灯
    alert(' 本演示不支持开关灯');
  }
  </script>

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。