织梦如何添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播放器插件播放视频的截图:
视频前置广告:
视频播放:
视频调整:
分享功能:
视频预览功能:
视频播放完成后的精彩视频推荐:
织梦ckplayer视频播放器插件安装使用教程:
第一步、下载安装插件。
将下载下来的压缩包中的相应编码的模块文件解压出来再上传到织梦程序的data/module/文件夹内或者直接在后台模块管理菜单里面选择上传新模块安装即可。如下图:
1.1)上传模块:
1.2)安装模块:
第二步、添加字段。
给需要使用视频的内容模型比如文章模型(下面皆以文章模型为例,不再做过多说明)添加一个自定义字段,字段名设置为“video_address”,表单提示文字为“视频地址”,如下图:
2.1)打开内容模型管理
2.2)编辑普通文章模型选择添加字段
2.3)设置好字段内容后点击确定即可(字段名称注意一定要设置为video_address)
第三步、在内容页模板添加播放器配置方案调用代码。
获取播放器配置方案调用代码并粘贴到内容页模板需要显示播放器的位置。如下图:
3.1)打开播放器配置方案列表
3.2)点击配置方案最右边管理栏里面的获取代码链接后复制获取的代码
3.3)将复制的代码粘贴到内容页模板需要调用并显示播放器的位置(一般为{dede:field.body/}标签前面)
到这里就设置完成了,可以去文章栏目发布文章试试,发布文章的时候多了一个视频地址的输入框,填上视频地址即可。如下图:
织梦如何添html5播放器,织梦ckplayer视频播放器插件的介绍与使用相关推荐
- 织梦如何添html5播放器,织梦ckplayer视频播放器插件安装使用教程
帝国CMS技术互助群:540946827 一帮大神带你装逼带你飞!还有漂亮的妹纸陪你玩哦! 织梦ckplayer视频播放器插件安装步骤: 第一步.下载安装插件.下载地址:点击此处 将下载下来的压缩包中 ...
- 织梦如何添html5播放器,dedecms编织梦ckplayer视频播放器插件详细安装教程
智梦ckplayer视频播放器插件的安装步骤: 第一步是下载并安装该插件. 下载地址: 单击此处 在下载的压缩包中解压缩相应的编码模块文件,然后将其上传到Dream Weaving程序的数据/模块/文 ...
- linux自带视频播放VLC,如何将VLC媒体播放器设置为默认视频播放器?
问题描述 我似乎无法将VLC媒体播放器设置为默认视频播放器.我已进入系统设置→系统信息→默认应用程序,并将"Video"更改为VLC媒体播放器. 但是,默认情况下,所有电影仍然使用 ...
- Android原生视频播放器下载,视频播放器:VideoPlayer下载_视频播放器:VideoPlayer官方下载【手机安卓版】-华军软件园...
视频播放器:Video Player是最简单.高效的手机视频文件播放器.VideoPlayer可以支持大部分格式的视频及音频多媒体文件,如光盘,设备和网络流媒体.我们确保你的多媒体文件在原分辨率下播放 ...
- AVPlayer自定制视频播放器(1)——视频播放器基本实现
在iOS多媒体开发的过程中,经常会用到视频播放器,简单是视频播放器,直接使用苹果封装好的MPMoviePlayerController和MPMoviePlayerViewController就可以实现 ...
- html5带倍速功能的视频播放器(加速2倍,1.5倍播放)
阿酷TONY 采用第三方云视频平台 HTML5倍数功能视频播放器(加速2倍,1.5倍播放) 倍数功能视频播放器的应用: 培训场景,教育教学场景下,可以倍速观看视频,比如1.5倍,2倍的速度观看视频, ...
- html5视频播放器原理,HTML5 - 两款基于JS的视频播放器的使用说明(VideoJS和jPlayer)...
通常我们使用HTML5播放器播放视频时,还要考虑浏览器兼容.像IE8这种不支持的古董级浏览器,就需要提供Flash播放器作为备用方案.这些如果都要自己弄就很麻烦. 这里推荐两个好用的HTML5媒体播放 ...
- html5实现视频播放器 弹幕效果,基于HTML5的有弹幕功能的视频播放器
如何使用 Danmmu Player需要依赖jQuery,因此首先需要加入相关css和js文件. 接下来,在body中需要放置播放器的位置加入如下代码: 最后,关键的部分,配置参数,调用插件. $(& ...
- php+js实现弹幕,基于HTML5的有弹幕功能的视频播放器
如何使用 Danmmu Player需要依赖jQuery,因此首先需要加入相关css和js文件. 接下来,在body中需要放置播放器的位置加入如下代码: 最后,关键的部分,配置参数,调用插件. $(& ...
- 基于android的视频播放器,基于Android的视频播放器的设计与实现-.doc
基于Android的视频播放器的设计与实现- 基于Android的视频播放器的设计与实现 中 文 摘 要 如今,随着基于Android的智能手机的,.因此,设计一个基于android手机的多功能播放器 ...
最新文章
- 【阿里聚安全·安全周刊】Intel芯片级安全漏洞事件|macOS存在漏洞
- DL之SoftmaxWithLoss:SoftmaxWithLoss算法(Softmax+交叉熵误差)简介、使用方法、应用案例之详细攻略
- JavaScript数据迭代方法差别
- Git根据文件名字查询修改文件内容
- 彻底弄懂响应式设计中的em和rem
- 前端学习(1714):前端系列javascript之目录结构
- WCDMA的短消息业务协议分析
- C++设计模式-Decorator装饰模式
- ftp上传乱码_ftp上传与wordpres常规基本设置
- Verify_Execute 验证SQL语句执行结果
- linux 有线程本地存储 (tls)?,有没有办法确定Linux上的库使用的线程本地存储模型...
- Win10系统的背景颜色
- 安卓app逆向破解脱壳教程
- 图文解析大二层网络及VxLAN技术
- JavaScript 运输公司计算运费,路程越远,运费的折扣越高
- Unity制作卡牌游戏
- 1072 开学寄语 (20 分)
- 如何把WORD转换成EXCEL
- 英雄算法联盟 - 六月集训排行榜 (截止今日第31天)
- Cognitively-Inspired Model for Incremental Learning Using a Few Examples(附翻译)