智慧建站平台,千套网站模板,免费随心选!

您现在的位置: 首页>>网站教程

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

来源: 发布时间:2020-01-13热度:164 ℃
织梦dedecms怎么整合添加ckplayer播放器支持flv,mp4等播放功能?现在很多DEDE开发的视频网站使用的播放器是ckplayer,这个播放器功能非常强大,支持flv,mp4,swf等各种···

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

织梦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文件用的字段,如下图所示:

0d5dcef148a09a3915a07a83a8eabf2.png

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

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

播放器代码是:

 

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

本文地址:http://ezhuoer.com