php加skplayer,织梦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文件用的字段,如下图所示:
数据类型选择-多媒体文件
第三步:修改播放器代码路径和添加标签:
播放器代码是:
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
如下图所示:
效果如下:
已经添加成功了,这是一个外链,但是,我们一般都是上传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文件夹在网站根目录的话,直接使用上面的代码最好,已经测试过了。
php加skplayer,织梦dedecms怎么整合添加ckplayer播放器支持flv,mp4等播放功能相关推荐
- dede文章异步ajax加载,织梦DedeCMS列表“加载更多”“无限下拉”Ajax加载使用方法...
Infinite Ajax Scroll 简称 ias,无限的ajax滚动,是一款jQuery滚动ajax分页插件,当页面滚动到容器可见部分将自动异步加载数据. 下面先来看看效果. 无限下拉效果 点击 ...
- dedecms右侧悬浮_织梦dedecms网站上添加漂浮广告
在织梦dedecms的网站上添加漂浮广告其实很简单,这篇文章主要讲的是在织梦网站首页添加漂浮广告. 我们用本地搭建的织梦默认模板演示. 1.准备一个广告图片 准备一个广告图片,命名为漂浮.gif ,设 ...
- 织梦php 中英文加手机,织梦dedecms系统中英文网站之中英文搜索结果
$tempfile = $GLOBALS['cfg_basedir'].$GLOBALS['cfg_templets_dir']."/".$GLOBALS['cfg_df_styl ...
- 织梦DedeCms列表{dede:list}标签实现按文章权重weig
织梦列表默认的排序是按照发布时间倒序排列的,后台控制文章顺序不是很方便,而按照织梦文章权重排列就很方便了. 华维网络,网络整合营销倡导者 下面就是织梦cms列表页{dede:list}标签实现按文章权 ...
- php网站加广告位,织梦广告位的添加调用
用过织梦cms的站长朋友们,想必对织梦的一些功能技巧都略知一二,今天,思源就织梦广告位的添加调用简单介绍一下其中的技巧. 如果用织梦cms默认的模板建站的话,页面中也都默认添加了一些广告位,如果觉得那 ...
- 织梦ajax加载文章列表,织梦dedecms首页列表页ajax点击下拉加载更多文章瀑布流效果...
织梦dedecms实现点击下拉加载更多主要用到ajax技术.具体步骤如下: 一.首先找到并打开/plus/list.PHP文件,在里面找到如下代码: require_once(dirname(__FI ...
- 织梦DEDECMS 整合Kindeditor编辑器美化版nkeditor版可H5多图上传摒弃SWF上传
织梦插件说明 织梦DEDECMS 整合Kindeditor编辑器美化版nkeditor版可H5多图上传摒弃SWF上传(UTF版) 本修改整合了Kindeditor编辑器美化版 功能: 1.可多图上传( ...
- 织梦php标签查询数据库,织梦DedeCMS模板标签sql调用代码大全
织梦Dedecms确实是非常强大的系统,编程之家以前也分享了很多自己在使用织梦时遇到的一些问题及其解决办法.下面是要分享在Dede系统里面,如何使用sql语句来配合织梦标签进行更多的个性化调用.如织梦 ...
- html表单输入框添加验证码,织梦Dedecms为自定义表单添加验证码功能
使用织梦Dedecms自定义表单的时候,即使你做了字段的验证,也很有可能被人刷很多垃圾的内容,更加安全的一个方法是为自定义表单添加上验证码功能.今天我就来为大家分享一下怎样给自定义表单添加验证码! 一 ...
- 织梦自定义字段html,织梦dedecms自定义字段,首页怎么调用
织梦dedecms自定义字段只能在内页调用,无法在首页.栏目页面调用,这个的确是很烦恼,不过这边还是有办法的,非常简单,大家根据做即可,下面截图是首页内容截图,调用不出来自定义字段内容,不过后面详细讲 ...
最新文章
- 计算机本科学位有用吗_我应该回到学校获得计算机科学学位吗?
- httpClient 超时时间设置
- 深入理解Python中的生成器
- 深入理解Python生成器(Generator)
- hystrix应用 博客_用Hystrix保护您的应用程序
- redistemplate怎么修改数据_如何使用RedisTemplate访问Redis数据结构?
- 鸿蒙轻内核M核的故障管家:Fault异常处理
- linux shell 批量清空,shell脚本批量删除docker镜像
- 为什么你总感觉情绪低落心情颓废?
- FBI或被允许隐瞒解锁iPhone技术 不向苹果公开
- 性能优化篇 之 如何开展优化类的工作(2)
- js jquery select 操作 获取值,选中选项,增加,修改,删除
- volte的sip信令流程_VOLTE-SIP完整信令解析
- Qt文档阅读笔记-Ping Pong States Example解析
- 理性讨论: 《崩坏3》是不是目前打击感最好的动作手游?
- 数据分析项目-大选献金数据分析
- MT6572 耳机驱动笔记
- Jquery UI中 Dialog对象的作用及常用属性
- 关于产品研发管理-《培思的力量》
- 算法总结 — 并查集