CKplayer功能配置


原文:http://justcoding.iteye.com/blog/2110275

CKplayer,其全稱為超酷flv播放器,它是一款用於網頁上播放視頻的軟件,支持的格式有:http協議上的flv,f4v,mp4格式,同時支持rtmp視頻流格 式播放,此播放器的特點在於用戶可以自己定義播放器的風格,諸如播放/暫停按鈕,靜音按鈕,全屏按鈕都是以外部圖片接口形式調用,用戶根據自己的需要制作 出播放器風格所需要使用的各個按鈕圖片然后替換掉原始風格里相應的圖片就可以制作出自己的風格了,具體的各按鈕的位置和底部背景的設置在 ckplayer/ckplayer.js里設置。

 

功能設置介紹

本教程涉及到以下各點,點擊對應標題頁面將直接滑動到相應內容:
  • 1:修改或去掉播放器前置logo
  • 2:修改或去掉右上角的logo
  • 3:修改、關閉、設置滾動文字廣告
  • 4:去掉右邊的開關燈分享插件
  • 5:保留右邊插件,但不用開關燈
  • 6:分享功能的使用及注意點
  • 7:前置廣告順序/隨機播放或隨機播放多個廣告中的一個
  • 8:讓控制欄永遠隱藏
  • 9:鎖定進度欄,讓它跟着時間變化而變化,但是不能拖動
  • 10:讓視頻離播放器下方的距離為0
  • 11:視頻加載失敗時的提示文字和文字的位置設置
  • 12:禁止用戶拖動進度條

 

修改或去掉播放器前置logo

第 一步:把ckplayer/目錄下的style.swf修改成style.zip,把自己做好的logo文件,官方默認使用的logo.swf,你也可以 使用logo.png.logo.jpg圖片格式的,拖進style.zip里,然后再把style.zip改回style.swf
第二步:打開ckplayer.js和ckplayer.xml

 

第一種:不使用前置logo
找到(ckplayer.js)mylogo: 'logo.swf',
ckplayer.xml里對應的是<mylogo>logo.swf</mylogo>

 

分別設置成

mylogo:'null',
<mylogo>null</mylogo>

 

第二種:修改前置logo

找到(ckplayer.js)mylogo: 'logo.swf',
ckplayer.xml里對應的是<mylogo>logo.swf</mylogo>

替換成你的logo的名稱

 

找到(ckplayer.js)pm_mylogo: '1,1,-100,-55',
ckplayer.xml里對應的是<pm_mylogo>1,1,-100,-55</pm_mylogo>

 

這里是修改位置的,關於修改位置的四個參數的作用和用法請參考:

 

修改后一定要清瀏覽器的緩存

 

修改或去掉右上角的logo

第 一步:把ckplayer/目錄下的style.swf修改成style.zip,把自己做好的logo文件,官方默認使用的cklogo.png,你也 可以使用cklogo.swf(flash格式)或cklogo.jpg(圖片格式)的,拖進style.zip里,然后再把style.zip改回 style.swf


第二步:打開ckplayer.js和ckplayer.xml

 

第一種:不使用logo
找到(ckplayer.js)logo: 'cklogo.png',
ckplayer.xml里對應的是<logo>cklogo.png</logo>

 

分別設置成

logo:'null',
<logo>null</logo>

 

第二種:修改logo
找到(ckplayer.js)logo: 'cklogo.png',
ckplayer.xml里對應的是<logo>cklogo.png</logo>

 

替換成你的logo的名稱

找到(ckplayer.js)pm_logo: '2,0,-100,20',
ckplayer.xml里對應的是<pm_logo>2,0,-100,20</pm_logo>

 

這里是修改位置的,關於修改位置的四個參數的作用和用法請參考

 

修改后一定要清瀏覽器的緩存

 

修改、關閉、設置滾動文字廣告

 

關閉滾動文字廣告的方法很簡單

打開ckplayer.js和ckplayer.xml

找到setup:''參數和<setup></setup>

 

第9個參數設置成0就可以關閉了

第9個參數的意思如下:

是否開啟滾動文字廣告,0是不開啟,1是開啟且不使用關閉按鈕,2是開啟並且使用關閉按鈕,開啟后將在加載視頻的時候加載滾動文字廣告

 

使用(修改)滾動文字廣告

前提是你需要開啟滾動文字廣告,開啟的方法如上面所說的

 

第一種方法:在ckplayer.js或ckplayer.xml里修改滾動文字廣告

然后找到ckplayer.js中的advmarquee:'',

或ckplayer.xml中的<advmarquee></advmarquee>

修改里面的內容,注意在ckplayer.xml里修改文字廣告可以使用html語法,但是要注意的是把"<"換成"{",">"換成"}"

 

第二種方法:在頁面里實時展示文字廣告

首先要把ckplayer.js中的advmarquee:''里的內容清空(對應的ckplayer.xml里的也清空)

然后在調用播放器的頁面里設置一個js函數供播放器調用,代碼如下:

Js代碼   收藏代碼
  1. <script>function ckmarqueeadv(){return '廣告內容';}</script>  

 

這里的 ckmarqueeadv函數也可以換成別的函數,修改方法是在ckplayer.js中的ckstyle()中的 calljs參數(ckplayer.xml里也有對應的)

 

修改后一定要清瀏覽器的緩存

 

文字向上滾動的方法設置

要注意二點:

一:ckplayer.js中的ckstyle()函數里的pm_advmarquee參數(ckplayer.xml里對應的是<pm_advmarquee></pm_advmarquee>)

該參數的第10個值設置成1,就可以實現向上或向下滾動了

第6個值和第13個值要保持一致,你可以先設置成16測試一下


二:設置文字廣告時需要在前面增加一個{br}換行符號,如{br}1{br}2

 

去掉右邊的開關燈分享插件

ckplayer.js里

找到下面三行刪除掉

cpt += 'right.swf,2,1,-75,-100,2,0|';//右邊開關燈,調整,分享按鈕的插件
cpt += 'share.swf,1,1,-180,-100,3,0|';//分享插件
cpt += 'adjustment.swf,1,1,-180,-100,3,0|';//調整大小和顏色的插件

 

ckplayer.xml里找到下面三行刪除掉

<cpt>right.swf,2,1,-75,-100,2,0</cpt><!--右邊開關燈,調整,分享按鈕的插件-->
<cpt>share.swf,1,1,-180,-100,3,0</cpt><!--分享插件-->
<cpt>adjustment.swf,1,1,-180,-100,3,0</cpt><!--調整大小和顏色的插件--

 

再到style.swf(改成style.zip)里把right.swf,share.swf,adjustment.swf這三個插件刪除掉

 

保留右邊插件,但不用開關燈

ckplayer.js里:cpt_lights:'0',

ckplayer.xml里:<cpt_lights>0</cpt_lights>

 

修改后一定要清瀏覽器的緩存

 

分享功能的使用及注意點

我們假設你的ckplayer是放在網站根目錄下的,比如你的播放器地址是
http://www.你的域名.com/ckplayer/ckplayer.swf    
注意這個路徑

 

下面開始設置
第一步:
http://www.你的域名.com/ckplayer/ckplayer.js中找到cpt_share:''參數
改成cpt_share:'http://www.你的域名.com/ckplayer/share.xml',

 

http://www.你的域名.com/ckplayer/ckplayer.xml中找到<cpt_share></cpt_share>
改成
http://www.你的域名.com/ckplayer/share.xml

 

第二步:
打開http://www.你的域名.com/ckplayer/share.xml這個文件
找到參數里面的
{embed src="http://www.你的域名.com/ckplayer/ckplayer.swf"
注意這里要設置成絕對路徑

http://www.你的域名.com/ckplayer/ckplayer.swf?[$share]
 這里也要用絕對路徑

<share_path>ckplayer/share/</share_path>
改成絕對地址    
 <share_path>http://www.你的域名.com/ckplayer/share/</share_path>
 主要就是改路徑為http開頭的路徑,因為站外訪問必需要有全路徑才能識別

<share_permit>0</share_permit>
設置好該參數,如果你的視頻站沒有視聽許可證,則設置成0,如果有,則設置成1

<share_flashvars>
 f,my_url,my_pic,a
 </share_flashvars>
share_flashvars參數的功能是指分享時,分享出去的flashvars里的參數,這里一定要注意,因為根據你調用視頻的方式,需要選擇不同的參數分享,已確保在站外再一次分享時還是能夠播放的。

 

第三步:  
給網站增加一個跨域策略文件,關於這個文件的說明可以自已baidu一下 
簡單的使用就是下載官網的直接放到自己網站根目錄下 
http://www.ckplayer.com/crossdomain.xm

修改后一定要清瀏覽器的緩存

 

前置廣告順序/隨機播放或隨機播放多個廣告中的一個

第一步,你的前置廣告要設置成多個廣告地址的形式

比如你的廣告地址是1.swf和2.flv

那么設置方式如下

在flashvars里的代碼(其它形式的調用只要對應就行了)

Js代碼   收藏代碼
  1. var flashvars={  
  2.   ...  
  3.   l:'1.swf|2.flv',  
  4.   r:'|http://www.ckplayer.com',  
  5.   t:'10|10',  
  6.   ...  
  7.   };  

 

l的值里放了二個廣告,以豎線隔開

因為2.flv是視頻,需要給它個鏈接地址所以在r里設置了一個空的地址和一個鏈接地址(以官網地址為例),中間以豎線隔開

t是設置的播放時間,都是10秒,共放20秒

 

第二步,打開ckplayer.js找到setup:''這個參數,或打開ckplayer.xml找到<setup></setup>這個參數

注意第7個參數

這里的設置有3+種。不同的設置不同的意思

0:是把多個前置廣告設置成順序播放

1:是把多個前置廣告設置成隨機的順序播放

2:隨機取所有廣告中的一個進行播放

3:隨機取所有廣告中的二個進行播放

...

以此類推

 

讓控制欄永遠隱藏

找到

ckplayer.js中的setup:''的第29個參數

ckplayer.xml中的<setup></setup>的第29個參數

設置成2

 

該參數的意思法

0:是正常狀態,此時控制欄將會根據setup中的第25個參數來運行。

1:是控制欄默認隱藏,播放狀態下鼠標經過播放器顯示控制欄,此時只有當鼠標經過播放器時,控制欄才會出來,至后會按照setup的第25個參數來運行

2:是一直隱藏控制欄

 

鎖定進度欄,讓它跟着時間變化而變化,但是不能拖動

找到

ckplayer.js中的setup:''的第26個參數

ckplayer.xml中的<setup></setup>的第26個參數

設置成0

 

讓視頻離播放器下方的距離為0

style.swf改成style.zip

把里面的style.xml文件拖出來打開

找到

<pm_video>0,0,0,35,0x000000,0,0,0,0,0</pm_video>
設置第四個參數(上面的是35),設置成0

這個參數里各個值的意思如下
視頻固定區域
1、控制欄未隱藏時左邊預留寬
2、控制欄未隱藏時上面預留高度
3、控制欄未隱藏時右邊預留寬度
4、控制欄未隱藏時下面預留高度
5、該區域背景顏色
6、該區域背景透明度
7、控制欄隱藏時左邊預留寬
8、控制欄隱藏時上面預留高度
9、控制欄隱藏時右邊預留寬度
10、控制欄隱藏時下面預留高度

 

視頻加載失敗時的提示文字和文字的位置設置

修改文字在:language.xml里的<pr_noload>{font color='#FFFFFF' face='NSimSun'}加載失敗{/font}</pr_noload>項

修改文字位置是在style.swf(改成style.zip)里的style.xml里的<pm_load>1,1,-30,10,0,200,0</pm_load>

因為該處是用來顯示加載進度,兼職顯示加載失敗的提示文字的。各值的意思如下:

1、水平對齊方式,0是左,1是中,2是右
2、垂直對齊方式,0是上,1是中,2是下
3、水平偏移量
4、垂直偏移量
5、文本對齊方式:0是左對齊,1是中間對齊,2是右對齊,3是默認對齊(相當於左對齊)
6、文本框的寬,只有在左/右對齊時有效
7、文本框的高

特別說明:在所有關於文本的控制中,只有設置了左右對齊,后面的寬度才會有效果,如果設置的中間對齊,則寬度無效果

 

禁止用戶拖動進度條

打開ckplayer.js搜索:setup

打開ckplayer.xml搜索:setup

修改該參數的第36個值為0。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM