ckplayer.swf如何使用

ckplayer网页播放器简易教程

前言 ckplayer是一款在网页上播放视频的免费视频插件,该插件兼容性强.使用简单.api齐全.另外,任何个人网站或商业网站在不修改右键版权的基础上都可以免费使用. 下面将对ckplayer的整个使用过程做一遍简单的说明与演示(想了解更多功能请访问官网).有兴趣的朋友可以跟着做一遍. 本文涉及环境开发工具:hbuilder ckplayer版本:ckplayer v6.7(插件下载地址:点击下载) 浏览器:chrome v48.0.2564.82 注意:ckplayer插件需要在服务器环境中

ckplayer 如何在PC上完美支持 m3u8播放

使用过ckplayer的同学都知道,相对jwplayer等,它非常的容易配置和使用.功能也是基本满足我们的需求的. 一般情况我们都使用普通的视频格式比如mp4,flv等播放,但如果视频文件过大,会加载较慢. 于是我们可以将视频转成m3u8格式来解决这个问题(可以百度m3u8来了解原理,简单点说他就是把视频切成若干个切片,每个切片都可以独立播放而且大小很小,然后利用一个文件索引来依次播放这些文件,所以很快) 如何转m3u8格式?可以参考我上一篇博文. =======================

建站技能get（1）— Asp.net MVC快速集成ckplayer网页视频播放器

故事背景大概是这样的,我厂两年前给山西晋城人民政府做了一个门户网站(地址:http://jccq.cn/),运行了一年多固若金汤,duang的有一天市场部门过来说,新闻管理模块带视频的内容播放不了了. 迅雷不及掩耳,我打开网页F12一看,因为找不到视频播放的一个swf文件,仔细一看这个文件竟然引用的是其他网站的一个文件,立马打开相对网站的主域名,原来是人家网站改版了,这个文件干掉了,导致播放不了. 做这块功能的同事实在是太粗心,不过顾不上了,为了尽快解决线上问题,开始尝试修复,随即找了优酷的插件

使用CKplayer插件在网页中嵌入视频的方法（常用笔记2）

在做网站中有时候我们需要在网页中嵌入视频,一般视频嵌入有以下几种方法: 1. 优酷代码嵌入优点:简单,方便,可靠. 缺点:有广告,现在的网站非常注重用户体验,如果打开一个在线视频是有长广告的一定会崩溃的. 2. 利用<object>标签嵌入视频优点:也比较方便,对于swf来说不错. 缺点:如果播放的是wmv格式,利用Chrome打开就搞笑了,有时候会提示你安装media player插件,有时候连个提醒都没有.也就是说跨浏览器的能力不足. 不同的视频格式还有不一样的代码,太繁琐. 3. 利

CKplayer功能配置

开源ckplayer 网页播放器, 跨平台(html5, mobile),flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ! 博客分类: Javascript /Jquery / Bootstrap / Web CKplayer,其全称为超酷flv播放器,它是一款用于网页上播放视频的软件,支持的格式有:http协议上的flv,f4v,mp4格式,同时支持rtmp视频流格式播放,此播放器的特点在于用户可以自己定义播放器的风格,诸如播放/暂停按钮,静音按钮,全屏按

ckplayer.js视频播放插件

网页中常见的功能就是播放视频,下面介绍的这个ckplayer.js既可以在pc端播放,也可以在手机网页上播放. 可调用flash也可以调用html5播放器: <div id="a1"></div> <script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script> <scri

夺命雷公狗---微信开发59----在线点播电影网1之ckplayer播放器

我们节课程就要开始写一个小项目了,这项目主要是写一个在线点播电影影网的,我们用到的播放器是ckplayer ckplayer基本介绍: ckplayer的全称是:超酷flv播放器,他是一款用于网页上播放视频的软件支持的格式如下: 自己需要制作出播放器风格具体的各个按钮的位置和底部背景的设置在ckplayer/ckplayer.js里面进行设置. 现在地址在他们官网上下载即可,http://www.ckplayer.com/bbs/forum.php?mod=viewthread&tid=1086

CKplayer 新手入门超简单使用教程

网页播放器都有使用的前提(问1). ~~~~~~~分隔线~~~~~~~ 只需一步先看播放器效果(问2): 下载附件,解压内容(ckplayer文件夹和ckplayer.html)到网站根目录,在浏览器中打开你的调试网站就可以看到网页播放效果,如:http://localhost/ckplayer.html ~~~~~~~分隔线,正题,使用步骤~~~~~~~ 1.同上,下载附件并解压到网站根目录,在你的网站测试环境中看看播放器是否正常显示. 2.用 Editplus 或 DreamWeaver 等

ewebeditor下利用ckplayer增加html5 （mp4）全平台的支持

学校数字化平台富文本编辑器一直用的ewebeditor,应该说非常的好,支持常用office文档的直接导入,极大的方便了老师们资料的上传,最近在规划整个数字化校园向全平台改版,框架采用bootstrap构造,信息输入还是采用ewebeditor,对于视频如果要做到全平台最好的格式就是Mp4+html5,而ewebeditor本身不支持,所以把ewebeditor和ckplayer整合下,需要的朋友可以自行拿去.具体的操作如下,拷贝ckplaer到ewebeditor的plugin下,修改 js下

ckplayer,超酷网页播放器，用于集成在网站中的播放器

自己在工作中做了一个教学网站,点击左边课程,右边播放视频,经过源代码分析,用的就是这个播放器网址:http://www.ckplayer.com/ 具体使用播放器网站上说的比较明白 div id="flashcontent"></div> <div id="video" style="position:relative;z-index: 100;width:600px;height:400px;"><div

ckplayer 网页视频播放

最近做文件上传,可以上传的资源有图片,也有视频,在显示列表中点击视频播放图片(图1),需要弹出播放窗口(图2),播放视频.具体效果画面如下: 图1 图2:播放窗口实现该功能使用的是ckplayer播放器结合HTML5.参考示例是从网上下载的"ckplayer6.3精简版3.rar",相关文件如下页面代码: <div class="updPic" style="position: relative; z-index: 1;" onmous

网络视频播放器插件ckplayer使用-简介

ckplayer插件下载:http://pan.baidu.com/s/12HYH4(假设不见了,下载您自己的地址,下载后添加到站点根文件夹) ******特别提醒:解压后不要忘了把js文件夹也加入到你的站点根文件夹.这个主要是为了各浏览器的兼容性的,假设不加入, 在ie,Firefox上有可能不能用! 1,首先在页面头部引入: <script src="ckplayer/ckplayer.js"></script> 2,在body部分放一个div: <d

CKPlayer的列表框的demo

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>获取当前播放时间的示例-ckplayer应用示例</title> <meta name="keywords" content="flv播放器,f4v,m

CKPlayer从Cookie里读取上次播放记录的一个demo

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>获取当前播放时间的示例-ckplayer应用示例</title> <meta name="keywords" content="flv播放器,f4v,m

ckplayer

ckplayer 的使用基本功能实现(一) 有个项目里用到视频播放功能,虽然是国产的插件,但我觉得做的还是不错,而且是免费使用,顺便支持下国内的一些项目(O(∩_∩)O~). 一.首先去官网下载插件 http://www.ckplayer.com/ 下载完了以后,解压里面有demo,我觉得demo做的不错,有各种参数切换查看,兼容flash与html5 在pc与移动设备都可播放. 二.实现任意拖动播放官网也有说明,这边自己实现了一遍,记录下而已,以便下次参考. (1)下载最新nginx n

ckplayer 项目实战

<div class="control-group" id="videoDiv" style="display: none;"> <div class="controls"> <div style="width: 570px; height: 290px;"> /*height指定具体指全屏的按钮就会出来,设置成auto,全屏的按钮出

ckplayer 实现

<div id="flashcontent"></div> <div id="video" style="position:relative;z-index: 100;width:600px;height:400px;"><div id="a1"></div></div> <script type="text/javascript"

kindeditor集成ckplayer(带右键编辑菜单)

相信好多朋友为开源web编辑器没有集成视频播放器而烦恼,于是我就是试着修改了一下kindeditor,其实ueditor应该也是同样的,好了不多说了直接上图吧 kindeditor版本: 4.1.7 http://kindeditor.net/ ckplayer 版本:6.4 http://www.ckplayer.com/ 1.在kindeditor\ckeditor\plugins下新建文件夹insertVideo 2.将ckplayer文件夹拷贝到kindeditor\ckeditor\p

搭建rtmp直播流服务之4:videojs和ckPlayer开源播放器二次开发(播放rtmp、hls直播流及普通视频)

前面几章讲解了使用 nginx-rtmp搭建直播流媒体服务器; ffmpeg推流到nginx-rtmp服务器; java通过命令行调用ffmpeg实现推流服务; 从数据源获取,到使用ffmpeg推流,再到nginx-rtmp发布流,后端的服务到这里就已经全部完成了. 如果这里的流程没走通,那么这里的播放器也是没办法播放实时流的. 本章讲一下播放器的选用和二次开发,前端的播放器虽然有flex(flash)可以用,但是很遗憾flex接触的并不多,学习成本又太高,那么基于第三方开源的flash播放器二

（转载）开源ckplayer 网页播放器，跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！

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

ckplayer.swf如何使用

热门专题