当前位置: 首页 > news >正文

做白酒用哪个分类信息网站js网站模板怎么用

做白酒用哪个分类信息网站,js网站模板怎么用,阿里 设计网站建设,产品网站建设哪个好织梦dedecms怎么整合添加ckplayer播放器支持flv,mp4等播放功能? 现在很多DEDE开发的视频网站使用的播放器是ckplayer,这个播放器功能非常强大,支持flv,mp4,swf等各种类型的文件播放器。这篇文章主要介绍了织梦dedecms整合添加ckplayer播放器支…

304b36585e6e46ad43aaf73772b01cd0.png

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

a39140a234e0c6025731ae27d9e6e3ab.png

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

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

播放器代码是:

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(' 本演示不支持开关灯');

}

这段代码是ckplayer提供的演示的例子里面的代码,您可以根据ckplayer播放器官方提供的例子,自己生成不同的播放器风格,如果您想做成一个比较个性的播放器,请到官方网站去配置播放器吧,这里不再一一讲解,配置很简单。

这里要改的文件是js文件和一个播放器文件的路径,即 ckplayer.js和ckplayer.swf的路径为根目录。

写上上面我们添加的字段,即写上织梦标签调用,分别是:f:'{dede:field.vurl/}',

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

改好的代码是:

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(' 本演示不支持开关灯');

}

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

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

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

1)添一个mp4视频:

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

如下图所示:

0ba32dd06f9652637ad705fec926267f.png

效果如下:

b6778f458fe23b74e94b7b17b1bb252d.png

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

2) 上传一个mp4视频:

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

a8eee7c9bedfe67148db55d30b8ae7d8.png

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

e92fdea75799a88be776943a591d26be.png

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

出现这个问题的原因是织梦在处理上传的文件时,并没有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

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

2820a2ed847f336d272be41a6315df0f.png

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

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

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

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

http://www.yayakq.cn/news/903766/

相关文章:

  • 企业网站制作哪些公司制作网站建设亿玛酷正规
  • 在百度怎样建网站电子商务网站建设与管理的实践报告
  • 如何建立一个论坛网站做付费网站好
  • 网站布局如何修改wordpress update
  • 报班学网站开发价格app拉新推广平台有哪些
  • 做毕业设计的网站设计网站框架优化
  • 做网站需要电脑吗四川seo
  • 给客户做网站怎样制作免费网页
  • 建立网站的基本流程有哪些步骤wordpress 文字围绕图片
  • 网站建设基础考试百度指数是怎么计算的
  • php+网站开发案例教程网站手机版开发
  • 免费做网站平台推广网站弄哪家好
  • 唐山长城网站建设国家军事网
  • vps怎么上传网站程序搜索引擎都有哪些
  • 购物网站开发一般使用什么语言网站底部链接代码
  • 侨联网站建设seo策略推广什么意思
  • 用照片做的ppt模板下载网站网站开发排期表模板
  • html5网站单页模板网站诊断seo当前数据是指
  • 如何做淘宝网网站域名模板网字库
  • 做软件赚钱还是做网站赚钱友情链接网站源码
  • 办网站怎么办创新的沈阳网站建设
  • 免费网站空间申请哪个好武义县网站制作
  • 重庆夹夹虫网络公司网站建设商务网站建设实训总结
  • 单页网站开发实例下载青岛做个网站多少钱
  • 没有ipc备案的网站金融企业网站制作
  • 厦门营销网站建设wap网站开发工具
  • 建筑工程网站建设怎么样做淘宝联盟网站
  • 腾讯云怎么做网站wordpress 用户权限插件
  • 对网站建设展望推广之家
  • 专业网站制作网站公司南京网站建设网站制作