织梦如何添html5播放器,织梦ckplayer视频播放器插件的介绍与使用

kplayer视频播放器介绍:

CKplayer,其全称为超酷flv播放器,它是一款用于网页上播放视频的软件,支持的格式有:http协议上的flv,f4v,mp4格式,同时支持rtmp视频流格式播放,此播放器的特点在于用户可以自己定义播放器的风格,诸如播放/暂停按钮,静音按钮,全屏按钮都是以外部图片接口形式调用,用户根据自己的需要制作出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了。

下面是织梦ckplayer播放器插件的功能:

1、可在织梦内容页播放flv、f4v、MP4等格式的视频,还支持html5视频播放;

2、可以更换播放器风格,包括logo以及水印图片等等,还能更换界面上的语言文字;

3、支持织梦后台设置播放器前置广告、暂停广告以及滚动文字广告;

4、支持开关灯效果;

5、支持视频分享到腾讯微博等各大社交网站;

6、支持调整视频显示比例;

7、支持播放结束后显示精彩视频推荐;

8、支持自动隐藏控制栏;

9、支持控制栏隐藏后显示一个简单进度条;

10、支持视频预览功能;

下面是织梦ckplayer播放器插件播放视频的截图:

视频前置广告:

7aaed560708d446e2fe46836af3e00d5.png

视频播放:

5d1f878e781dbe178b0f073b9d2c685e.png

视频调整:

84f24039a1e2c5a08bcd159867cd32bc.png

分享功能:

85abf7ef72d002b28c3e8475f5f1988d.png

视频预览功能:

f16d32a3ef077ddcd24d4297abdb0680.png

视频播放完成后的精彩视频推荐:

30bc2f04c8438331f0b81d8db046b07e.png

织梦ckplayer视频播放器插件安装使用教程:

第一步、下载安装插件。

将下载下来的压缩包中的相应编码的模块文件解压出来再上传到织梦程序的data/module/文件夹内或者直接在后台模块管理菜单里面选择上传新模块安装即可。如下图:

1.1)上传模块:

dafc009bfa4c3559ec0f6f321069b78c.png

1.2)安装模块:

5655f9a66c07b25b8daa20d6f1b558eb.png

第二步、添加字段。

给需要使用视频的内容模型比如文章模型(下面皆以文章模型为例,不再做过多说明)添加一个自定义字段,字段名设置为“video_address”,表单提示文字为“视频地址”,如下图:

2.1)打开内容模型管理

e91fc030c7d22b99566e153ef85e55f2.png

2.2)编辑普通文章模型选择添加字段

bf14c74717fcf806352457b3aa0a99a8.png

2.3)设置好字段内容后点击确定即可(字段名称注意一定要设置为video_address)

9e4f835e6deda5eb5a7196e3b81fd0e2.png

第三步、在内容页模板添加播放器配置方案调用代码。

获取播放器配置方案调用代码并粘贴到内容页模板需要显示播放器的位置。如下图:

3.1)打开播放器配置方案列表

d5d1dc543860e144b5c59df65ce8f5ea.png

3.2)点击配置方案最右边管理栏里面的获取代码链接后复制获取的代码

0831f5b5fb0acea19f0cb519978abd3d.png

3.3)将复制的代码粘贴到内容页模板需要调用并显示播放器的位置(一般为{dede:field.body/}标签前面)

bd7b679e3c1bfd740e2b016865907912.png

到这里就设置完成了,可以去文章栏目发布文章试试,发布文章的时候多了一个视频地址的输入框,填上视频地址即可。如下图:

8b15feecf01c7223406da0b300c06cdc.png

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
织梦ckplayer视频播放器插件是一款功能非常强大的视频播放插件,可以让你的网站立刻拥有视频播放功能,并且兼容手机移动端html5视频播放,是目前用户数量最多的一款视频播放插件织梦ckplayer视频播放器插件主要功能 1、网页在线播放flv、f4v、MP4等格式的视频,兼容手机端html5视频播放功能 2、播放器的皮肤风格可随意更换,本站还提供了大量的ckplayer风格,logo以及左上角水印图片等等都可以自己定义; 3、支持设置视频播放的前置广告、暂停广告以及滚动文字广告; 4、支持开关灯效果; 5、支持将视频地址分享到腾讯微博等各大社交网站; 6、支持调整视频显示比例; 7、支持播放结束后显示精彩内容推荐; 8、支持自动隐藏控制栏,且隐藏后会在底部显示一个简单的视频播放进度条; 9、支持进度条的视频预览功能; 10、支持多种配置方案的设定,可以在不同的模板使用不同的播放器设置,如皮肤风格,广告内容等等。 11、支持多段视频地址拼接播放,多段视频地址填写的时候用“||”隔开。 织梦ckplayer视频播放器插件PC端内容页面截图 织梦ckplayer视频播放器插件手机端截图 织梦ckplayer视频播放器插件 v1.9 更新日志 01、对文件结构进行调整,插件所有的文件均存放在ckplayer目录下,更方便管理; 02、采用面向对象编程思想对插件核心代码进行重新编写,方便以后扩展更多功能; 04、增加了PC端视频播放器大小自适应的设置,可在PC端也设置宽度高度为百分比; 05、增强了手机移动端html5视频播放的兼容性; 06、进一步简化播放器调用代码; 07、去掉了没有多大意义的功能设置,如控制栏隐藏后显示的简单进度条设置; 08、修复了多段视频拼接播放的BUG; 09、修复其它已知的BUG。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值