關於網頁在線視頻播放器ckplay的部分總結！

原創

Li_work

2020-02-21 06:49

最近在搞一個網頁部分的在線播放視頻空間

這裏暫時用的是ckplay,官網 ckplay.com

去官網下載完成必須的文件，這個官網有介紹，

想要相應的功能，就下載相應的控件

首先要要在頁面導入 ckplay.js

其次要定一個 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();

}