网页播放器都有使用的前提(问1)。

~~~~~~~分隔线~~~~~~~

只需一步先看播放器效果(问2):

下载附件,解压内容(ckplayer文件夹ckplayer.html)到网站根目录,在浏览器中打开你的调试网站就可以看到网页播放效果,如:
http://localhost/ckplayer.html

~~~~~~~分隔线,正题,使用步骤~~~~~~~

1、同上,下载附件并解压到网站根目录,在你的网站测试环境中看看播放器是否正常显示。

2、用 Editplus 或 DreamWeaver 等文件编辑工具打开网站根目录的 ckplayer.html 文件看到代码很简单吧,你试试修改 s1.ckplayer_flv 为自己的视频或其他网络视频,再刷新浏览器,应该可以播放哦(问3)。

其实到这里,你就已经学会了播放器的基本使用。

3、应用到自己网站中的其他网页,则复制 ckplayer.html 中的代码到你要加载视频播放的位置就可以了:

<script type="text/javascript" src="/ckplayer/ckplayer.js" charset="utf-8"></script>
<div id="video"></div>
<script type="text/javascript">
	var s1=new swfupload();
	//视频地址
	s1.ckplayer_flv='http://movie.ks.js.cn/flv/2011/11/8-1.flv';
	//div的id
	s1.swfwrite('video');
</script>

呵呵,简单吧。

当然,CKplayer的功能是非常丰富的,这只是九牛一毛的功能,只要会简单使用了,这时你可以下载官方的完整版,我相信其他功能你可以很快上手应用的。

PS:这里解压到网站根目录只是为了很快投入使用,你可以放在网站中任意的文件夹里,在各个网页中去调用,很灵活的(问4)。

附件:CKplayer.5.8.超简打包下载

最后卖萌一下:除了官方的方式调用播放器外,这里还为你准备了一个更简单易用的CKplayer封装调用,在好些网站上我有应用,感觉很不错,或许你也可以试试:

参阅:CKplayer 简易封装及使用手册

问1:
CKplayer 是网络视频播放器,俗称的flv网页播放器,与 JW Player 是一类的,当然使用就比jw简单多了,而且功能也更适合国人使用,关键是全功能免费和群友交流更方便。
所以,播放器必须在IIS/Apache等网页服务器环境中使用,简单来说就是使用 http://www.domain.com/xxx 或本地 http://localhost/xxx 这样的方式来打开网页才能正常使用,你测试的时候可以在本地搭建网页测试环境,也可以直接上传到你现在的网站空间里用域名来访问和调试。直接双击打开网页的方式是不行滴。

问2:
附件内容各方面功能都与官方完全一致的,与官方同步更新,请放心使用。只修改了默认的几个参数,配合这个教程更方便新手使用而打包,可下载官方精简版对照。

问3:
如果将 s1.ckplayer_flv 改为网络视频可以播放,换成自己网站中的视频播放不了,有几个方面的原因:
1、视频格式不支持,CKplayer也大多数网页播放器一样,支持H264编码的MP4、F4V、MOV以及常用的FLV格式,因为网络播放需要边缓冲边播放,对格式有比较严格的要求。像AVI、RMVB、DAT什么的这是桌面播放器如暴风、KMP流的工作。
2、视频格式服务器不支持,也就是MIME设置不正确,你需要在IIS中设置相应的文件格式MIME(详查论坛或百度):
.flv -> application/octet-stream 或 video/x-flv 或 flv-application/octet-stream
.mp4 -> application/octet-stream 或 video/x-mp4
.f4v -> application/octet-stream 或 video/x-f4v
设置之后记得重启IIS。
3、视频地址不正确,你试试在测试环境里直接访问视频地址看能否访问得到,比如用 http://localhost/video/1.mp4。

问4:
官方的打包是采用的相对路径文件包,因为播放器要加载Flash,加载皮肤,有几处路径要正确设置才能使用,很多新手朋友使用的官方包的时候会遇到黑屏无法加载播放器等问题,其实都是因为路径或js文件没有正确加载引起的,所以特别做了这个绝对根路径的文件打包,方便新手朋友下载后立即可以看到使用效果。
其中相对于官方的精简版包修改了下面几处:
1、ckplayer/ckplayer.js文件中:
ck.cpath = '/ckplayer/assets/'; //风格总路径,(14行)设为了根路径
ck.control_r='Null,2,1,-75,-100,1';//右侧调整按钮的文件,(32行)暂时去掉了插件
this.ckplayer_url = '/ckplayer/ckplayer.swf'; //(125行)默认了播放器的位置和文件
this.ckplayer_style = 0; //(128行)默认的视频类型改为0,即单一视频地址播放模式
2、index.htm文件改名为ckplayer.html,为了解压到你的网站根目录的时候不会把你原有的主页文件破坏,并最简了调用代码,看起来更轻松些。

 

CKplayer 新手入门超简单使用教程的更多相关文章

  1. discuz插件开发新手入门 超详细

    作为一个新手,目前也是刚刚玩转discuz的插件功能,好东西不敢独享,就拿出来大家一起分享入门的过程.现在网上很多关于discuz的插件教程都是很简单的教程,原因可能是这个东西是商业化的东西,本着分享 ...

  2. jmeter安装教程与新手入门(附jdk安装教程)

    一.前言 最近要对网站做性能测试,提到了并发数测试,查了下,还是决定使用jmeter来完成这项测试,这里总结了jmeter完整的安装教程,附上新手使用教程. 二.jmeter安装 1.jdk安装(jm ...

  3. yii2实战教程之新手入门指南-简单博客管理系统

    作者:白狼 出处:http://www.manks.top/document/easy_blog_manage_system.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文 ...

  4. SpringBoot入门(简单详细教程)

    Spring Boot 简介 简化Spring应用开发的一个框架:整个Spring技术栈的一个大整合:J2EE开发的一站式解决方案: 微服务 martin fowler:微服务:架构风格(服务微化): ...

  5. 优动漫PAINT-超简单灌木教程

    超简单灌木教程~零基础神马的都能神还原哦! 优动漫PAINT下载:http://wm.makeding.com/iclk/?zoneid=18597 想要Get到更多有关优动漫的信息包括软件下载,可关 ...

  6. GitHub这么火,程序员你不学学吗? 超简单入门教程 【转载】

    本GitHub教程旨在能够帮助大家快速入门学习使用GitHub. 本文章由做全栈攻城狮-写代码也要读书,爱全栈,更爱生活.原创.如有转载,请注明出处. GitHub是什么? GitHub首先是个分布式 ...

  7. 程序员,一起玩转GitHub版本控制,超简单入门教程 干货2

    本GitHub教程旨在能够帮助大家快速入门学习使用GitHub,进行版本控制.帮助大家摆脱命令行工具,简单快速的使用GitHub. 做全栈攻城狮-写代码也要读书,爱全栈,更爱生活. 更多原创教程请关注 ...

  8. 超简单!pytorch入门教程(五):训练和测试CNN

    我们按照超简单!pytorch入门教程(四):准备图片数据集准备好了图片数据以后,就来训练一下识别这10类图片的cnn神经网络吧. 按照超简单!pytorch入门教程(三):构造一个小型CNN构建好一 ...

  9. 安卓自动化测试(2)Robotium环境搭建与新手入门教程

    Robotium环境搭建与新手入门教程 准备工具:Robotium资料下载 知识准备: java基础知识,如基本的数据结构.语法结构.类.继承等 对Android系统较为熟悉,了解四大组件,会编写简单 ...

随机推荐

  1. OC最实用的runtime总结,面试、工作你看我就足够了!

    前言 runtime的资料网上有很多了,部分有些晦涩难懂,我通过自己的学习方法总结一遍,主要讲一些常用的方法功能,以实用为主,我觉得用到印象才是最深刻的,并且最后两个demo也是MJExtension ...

  2. -----------------------------MVC模式理解-----------------------------

    1.用户发送请求到控制层: 2.控制层将接受到的请求转发到模型层: 3.模型层将请求结果转发到控制层: 4.控制层将模型层返回的结果进行视图渲染: 5.视图渲染后返回(jstl): 6.将视图展示给用 ...

  3. Android中的Handler的机制与用法详解

    概述: 很多android初学者对android 中的handler不是很明白,其实Google参考了Windows的消息处理机制, 在Android系统中实现了一套类似的消息处理机制.在下面介绍ha ...

  4. Android(java)学习笔记150:为什么局部内部类只能访问外部类中的 final型的常量

    为什么匿名内部类参数必须为final类型: 1)  从程序设计语言的理论上:局部内部类(即:定义在方法中的内部类),由于本身就是在方法内部(可出现在形式参数定义处或者方法体处),因而访问方法中的局部变 ...

  5. Android和Java的轻巧Wire协议缓冲器

    Wire协议缓冲器 一个人必须有一个代码! -奥马尔小 由于我们的团队和项目增长,数据的种类和数量也随之增加. 成功将您简单的数据模型转换为复杂的! 无论您的应用程序将数据存储到磁盘或网络传送信号,该 ...

  6. Android开发百度地图(一)--显示基本地图

    最近由于比赛的需要,自己学习了一下百度地图的开发.希望以下的内容能够对大家有用. 一.开发前的准备工作: 1.注册百度账号,并登录.(有百度账号的话直接登录) 2.申请Key,地址:http://de ...

  7. [oracle 11g 新特性] virtual column虚拟列

    总结:虚拟列可以使用于一些特殊场合,实质是类似于函数列(即以 表中已有的列 经过函数运算得来),“虚拟列不存储在数据库中,是在执行查询时由oracle后台计算出来返回给用户”,因此虚拟列不会增加存储空 ...

  8. Linux下如何在打开终端的时候自动配置相关环境

    参考博客“Linux启动文件.设置环境变量的位置”(http://www.2cto.com/os/201305/208251.html) 在不可取的root权限的时候可以选择编辑~/.bashrc文件 ...

  9. error: Error: No resource found that matches the given name (at 'layout_above' with value '@id/btnLayout').

    今天在练习fragment碎片的时候,进行界面布局的时候出现了这个问题. 后来解决后发现原因很简单:就是因为在布局xml文件中,引用ID和声明ID的顺序必须保证声明在前,引用在后.和布局的顺序无关. ...

  10. sea.js 学习

    开篇:终于学习了sea.js的使用了,因为它是一个模块加载工具,所以首先要了解javascript的模块编程,然后对sea.js的了解和使用 javascript 模块编程 为什么要模块化编程,为了让 ...