ckplayer、swfobject的简单应用

ckplayer可以说是一个很完整的网页播放器插件(包括网页调用的js、xml以及swf播放器);

swfobject则是一个插件,可以引入swf等视频播放插件。

这两个在网上都可以找到很多相关的学习资料和应用的资料----

代码(code):

swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)
有5个必须的参数和4个可选的参数:

1. swfUrl(String,必须的)指定SWF的URL。

2. id(String,必须的)指定将会被Flash内容替换的HTML元素(包含你的替换内容)的id。

3. width(String,必须的)指定SWF的宽。

4. height(String,必须的)指定SWF的高。

5. version(String,必须的)指定你发布的SWF对应的Flash Player版本(格式为:major.minor.release)

6. expressInstallSwfurl(String,可选的)指定express install SWF的URL并激活Adobe express install 。

7. flashvars(String,可选的)用name:value对指定你的flashvars。

8. params(String,可选的)用name:value对指定你的嵌套object元素的params。

9. attributes(String,可选的)用name:value对指定object的属性。

例子:

var flashvars = {
f : ctx + "/upload/file/S123456.mp4",
// a:document.getElementById("hidInfoId").value,//调用时的参数,只有当s>0的时候有效
// s:‘1‘,//调用方式,0=普通方法(f=视频地址),1=网址形式,2=xml形式,3=swf形式(s>0时f=网址,配合a来完成对地址的组装)
c : "0",
p : "0",// 设为1自动播放,0不自动
};
var params = {
menu : false,
scale : "noScale",
allowFullscreen : true,
allowScriptAccess : "always",
bgcolor : "#FFFFFF"
};
// var params={bgcolor:‘#FFF‘,allowFullScreen:true,allowScriptAccess:‘always‘};//这里定义播放器的其它参数如背景色(跟flashvars中的b不同),是否支持全屏,是否支持交互
var attributes = {id:"ckplayer_video",name:"ckplayer_video"};
// var video = [ ‘‘ ];
// CKobject.embed(ctx + ‘/plugins/ckplayer/ckplayer.swf‘, ‘video‘,‘ckplayer_video‘, ‘642‘, ‘615‘, false, flashvars, video, params);//ckplayer自带的js
swfobject.embedSWF(ctx+"/plugins/ckplayer/ckplayer.swf","video","1000","600","10.0.0","expressInstall.swf",flashvars,params);

时间: 2024-11-05 15:53:18

ckplayer、swfobject的简单应用的相关文章

HTML 页面加载 Flash 插件的几种方法

前言 之所以写这篇文章,主要是因为组长给提的一个新的需求--使用浏览器调用电脑的摄像头,来实现即时拍照的功能.在网上查了很多资料,由于这样那样的原因,最终选择了使用flash插件来调用pc的摄像头.当然,这个需求是基于B/S架构的,因此,就在想怎么把它嵌入到前端的HTML页面中. 题外话 当然,这里还没有考虑到封装,主要是先以实现为目的,后续工作再根据业务进行抽象,封装成通用的组件.好了,废话不多说,看重点. 嵌入插件 使用 object 和 embed 标签 代码展示 <span style=

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

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

swfobject.js的简单配置

因为工作需要在网页中迁入flash,开发过程中,发现直接使用embed自己开发的话需要考虑各种兼容性,也比较麻烦, 网上也找了几个相关的插件,比较使用之下,发现swfobject.js这一款还是蛮不错的,这里我使用的是1.5版本,属于老版本, 所以和新版本的配置上有一些出入. 另外官方给出的说法是1.5升级高版本会有很多改动的地方,所以建议一开始就确定好使用的版本,尽量避免中途升级版本. 代码如下:注释比较全,不再单独解释了 <html> <head> <script src

简单几步打造网络视频直播平台(转)

简单几步打造网络视频直播平台 分类:学以致用 2013-02-04 13:20 阅读(1132)评论(0) 不管是个人玩还是企业用,直播电台总是显得比较高端和神秘,今天我们来看看怎么用简单几步实现基于Flash流媒体服务器的网络视频直接直播平台. 1.服务端准备 常见的免费Flash流媒体服务器有国产的UMS和国际开源的Red5,UMS只有windows平台安装包,而用java开发的Red5更秉承了开源软件一贯兼容特色,可以多平台运行. UMS相对简单,全经典windows程序安装步骤,安装过程

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

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

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

前面几章讲解了使用nginx-rtmp搭建直播流媒体服务器,以及使用ffmpeg推流到nginx-rtmp服务器,java通过命令行调用ffmpeg实现推流服务,后端的事情到这里就已经全部完成了. 本章讲一下播放器的选用和二次开发,前端的播放器虽然有flex(flash)可以用,但是很遗憾flex接触的并不多,学习成本又太高,那么基于第三方开源的flash播放器二次开发就显得很有必要. 一.几种播放器选择 那么播放器,哪些已经不再更新的和收费的,这里不会介绍,只介绍两种轻量级的开源播放器. 1.

SWFObject使用方法和中文教程及IE无法加载播放的问题

SWFObject使用方法和中文教程 SWFObject的使用是非常简单的,只需要包含 swfobject.js这个js文件,然后在DOM中插入一些简单的JS代码,就能嵌入Flash媒体资源了. 下面是一个最简单的范例: 1.文件顶部需加载swfobject.js <script type="text/javascript" src="swfobject.js"></script> <script type="text/jav

CKplayer功能配置

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

ckplayer插件播放视频

官网:超酷网页视频 本篇介绍:插件播放视频,  添加插件(额外的功能),  视频格式之间的转换 PC端一般都是利用插件(Flash)来播放视频,可以支持很多格式.网上很多说这个插件的,这里只是做个记录. 下载好,移动到我们的项目,开始测试.因为里面的功能有点多,你可以去看文档完成自己需要的需求,这里只是简单的记录. 我们PC一般会存放FLV格式视频,而MP4则使用与很多场景. FLV体积小,速度快这也是为什么网站都选选择使用这个格式. 最简单的版本: <div id="a1"&g