最近在搞一个网页部分的在线播放视频空间
这里暂时用的是ckplay,官网 ckplay.com
去官网下载完成必须的文件,这个官网有介绍,
想要相应的功能,就下载相应的控件
首先要要在页面导入 ckplay.js
<script type="text/javascript" src="js/ckplayer.js" charset="utf-8"> </script>
其次要定一个 div <div id="a1"></div>
然后是flash和html5都可以播放的js代码,
//该控件,需要在项目路径里放 需要调用的 ↓↓↓↓↓
//ckplayer.swf 项目调用的视频组件 crossdomain.xml控件的必要配置文件,不用管他
//ckplayer.xml 视频组件的一些基本参数,不用管它! language.xml 语言包配置文件,不用管他
//style.swf 视频的皮肤和功能调整,需要调整的时候,改文件后缀为zip,解压,进入里面的style.xml进行修改,里面有注释,改完修改成swf(播放,前进后退,分享,广告,开关灯等功能)
//ckplayer.js 控件对应功能需要调用的JS
//播放控件的监听事件,同时针对flash和html5 很多代码不需要动,直接复制粘贴,修改的话,改几个参数就好了,
function loadedHandler() {
if (CKobject.getObjectById('ckplayer_a1').getType()) {//说明使用html5播放器
addPlayListener(); //监听的方法
}
else { //说明使用flash播放器
addPlayListener();
}
}
function timeHandler(t) { //取出播放时间,存入cookie
if (t > -1) {
SetCookie("Time", t);
}
}
function addPlayListener() {//增加播放监听
if (CKobject.getObjectById('ckplayer_a1').getType()) {//说明使用html5播放器
CKobject.getObjectById('ckplayer_a1').addListener('play', playHandler);//给视频播放增加监听时间playHandler
}
else {
CKobject.getObjectById('ckplayer_a1').addListener('play', 'playHandler');
}
}
function playHandler() {
//alert('因为注册了监听播放,所以弹出此内容,删除监听将不再弹出');
removePlayListener(); //首先删除监听,再取出cookie里存的时间,增加关闭页面时的监听
CKobject.getObjectById('ckplayer_a1').videoSeek(getCookie("Time"));
addTimeListener();
}
function removePlayListener() {//删除播放监听事件
if (CKobject.getObjectById('ckplayer_a1').getType()) {//说明使用html5播放器
CKobject.getObjectById('ckplayer_a1').removeListener('play', playHandler);
}
else {
CKobject.getObjectById('ckplayer_a1').removeListener('play', 'playHandler');
}
}
function addTimeListener() {//增加时间监听
if (CKobject.getObjectById('ckplayer_a1').getType()) {//说明使用html5播放器
CKobject.getObjectById('ckplayer_a1').addListener('time', timeHandler);
}
else {
CKobject.getObjectById('ckplayer_a1').addListener('time', 'timeHandler');
}
}
//写cookies函数
function SetCookie(name, value)//两个参数,一个是cookie的名子,一个是值
{
var Days = 30; //此 cookie 将被保存 30 天
var exp = new Date(); //new Date("December 31, 9998");
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)//取cookies函数
{
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null)
var a = unescape(arr[2]);
if(a>0){
$("#endtime").text("本次将继续上次继续播放");
}
return a;
return null;
}
var flashvars = { //播放组件的初始化参数 不用改,直接写就可以
f: 'mao.flv',
c: 0,
p: 2,
b: 0,
loaded: 'loadedHandler'
};
var video=['http://mao.flv->video/mp4']; //播放视频的地址 可自定义!
CKobject.embed('ckplayer.swf','player','ckplayer_a1','600','400',false,flashvars,video);
//控件加载时的参数:调用的播放组件,组件div的id,死参数,长,宽,false默认调用false播放器,初始化参数,视频地址
function time1(){
CKobject.getObjectById('ckplayer_a1').playOrPause();
}