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


当前第2页 返回上一页

写上上面我们添加的字段,即写上织梦标签调用,分别是:

  f:'{dede:field.vurl/}',

  var video=['{dede:field.vurl/}'];

改好的代码是:

<div id="a1"></div>

<script type="text/javascript" src="/ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
  var flashvars={
    f:'{dede:field.vurl/}',
    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=['{dede:field.vurl/}'];
  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>

上面标红的就是改后的内容,你可以对比一下就可以看出我修改过的代码了,如果您也是把ckplayer放在根目录里面,您添加的字段也是vurl的话,你可以直接使用上面我改好的代码。

第四步:把上面的代码添加到模文件里面,我把上面的代码添加到了article_article.htm里面,要在哪个栏目里面使用视频播放就在哪个栏目里面对应的内容页模板添加上面的代码。

第五步:上传视频或添加mp4url地址进行测试

1)添一个mp4视频:

视频文件是:http://www.bnxb.com/upload/180105/12389514.mp4->video/mp4

如下图所示:

效果如下:

已经添加成功了,这是一个外链,但是,我们一般都是上传mp4视频文件。

2) 上传一个mp4视频:

上传前需要对织梦作如下更改,在织梦后台 > 系统 >基本参数 >附件设置 >允许的多媒体文件类型,后面添加 |mp4,如下图所示:

这样我们上传一个mp4文件,但是,我们上传文件后结果找不到这个文件,如下图所示:

正常是我们上传一个文件应当在这个列表里面,然后,我们点击选择后,就可以把上传的文件添加的 视频 文件框里面,但是,现在连找都找不到,更不用说添加视频到文本框中了。

出现这个问题的原因是织梦在处理上传的文件时,并没有mp4格式的,所以,程序在把今天上传的文件显示出来的时候自然就会把 mp4格式的文件给略掉了,也就看不到了。

解决方法:

找到文件include/dialog/select_media.php

把代码:else if(preg_match("#.(swf|fly|fla|flv)#i", $file))

改为

else if(preg_match("#.(swf|fly|fla|flv|mp4)#i", $file))

即 在上面的代码上面添加了 |mp4

添加完后我们再看看效果,如下图所法:

这就是我上传的视频文件,点击这个文件后就添加到 视频 文本框里面了,这样就搞定了。

若你的不能播放或出现问题可能是以下几种情况:

1. 你的服务器需要配置mime类型,不会请找空间商给处理。

2. 如果你路径有问题就无法播放,所以,如果你的ckplayer文件夹在网站根目录的话,直接使用上面的代码最好,已经测试过了。


标签:织梦DedeCMS

返回前面的内容

相关阅读 >>

dedems你所选择的栏目与当前模型不相符,请选择白色的选项!完美解决方法

dedecms中百度网站地图制作的方法(图文教程)

织梦DedeCMS v5.7缩略图站内上传修正

dedecms伪静态设置以及目录链接301跳转实现方法(伪静态)

dedecms负载性能优化实例,三招让你的dedecms快10倍以上第12页

dedecms织梦模板用array调用多个自定义字段并判断的方法

dedecms 官方网站或演示地址字段长度不够出现截断的修改方法

站长最喜欢的一些建站程序、cms介绍

dedecms上传图片提示upload filetype not allow错误解决方法

织梦DedeCMS实现调用单页文章内容的方法

更多相关阅读请进入《织梦DedeCMS》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...