ckplayer-超酷網頁視頻播放器的使用

如今網上作視頻播放的不少，我就用過ckplayer這一款，雖然不知作別的播放器怎麼樣，但ckplayer仍是比較不錯的。調用簡單、說明清晰、可擴展性很強，我老喜歡了。

固然引用人家的東西必定得去人家的官網上看看，由於官網上才正規的幫助手冊，案例展現，詳細的配置方法。看過了配置說明，通常你們都能整合到本身的網站上。

這就是ckplayer網頁播放器的官網地址：http://www.ckplayer.com/

一開始我是以爲ckplayer能免費修改本身的logo，而且皮膚也很好看，看了下調用的方法發現很簡單，就決定用它了，如今是越用越以爲好使。先展現下我整合到個人網站上的效果：

【展現效果】

【調整效果】

【分享效果】

發了這多效果圖只是由於內心高興，這一上午算是沒白費。

我從官網上下了如今最新的版本v6.5，我記得我是從四點幾開始用的。說實話，那時候確實還有不少地方沒有符合個人需求，如今版本的基本上個人需求都能知足了。

爲了防止之後在官網上找不到這個版本了，我放到雲盤上讓你們下載吧：ckplayer6.5版

我相信看了裏面的demo和配置方法，你確定會用了。我下面就介紹下我整合的時候用到的東西，先看個人代碼：

html下的代碼：

<div id="a1"></div>
<input id="hidInfoId" type="hidden" runat="server" value="szcbb" />

<script type="text/javascript" src="/Video/Js/offlights.js"></script>
<script type="text/javascript" src="/Video/Ckplayer/ckplayer.js" charset="utf-8"></script>

<script type="text/javascript">
　　var flashvars={
　　　　f:'/Video/Url.aspx?id=[$pat]',//視頻地址
　　　　a:document.getElementById("hidInfoId").value,//調用時的參數，只有當s>0的時候有效
　　　　s:'1',//調用方式，0=普通方法（f=視頻地址），1=網址形式,2=xml形式，3=swf形式(s>0時f=網址，配合a來完成對地址的組裝)
　　　　c:'0',//是否讀取文本配置,0不是，1是
　　　　my_url:window.location.href
　　　};
　　var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always'};//這裏定義播放器的其它參數如背景色（跟flashvars中的b不一樣），是否支持全屏，是否支持交互
　　var video=[''];
　　CKobject.embed('/Video/Ckplayer/ckplayer.swf','a1','ckplayer_a1','642','615',false,flashvars,video,params);

　　//開關燈
　　var box = new LightBox();
　　function closelights(){//關燈
　　　　box.Show();
　　　　CKobject._K_('a1').style.width='642px';
　　　　CKobject._K_('a1').style.height='615px';
　　　　CKobject.getObjectById('ckplayer_a1').width=642;
　　　　CKobject.getObjectById('ckplayer_a1').height=615;
　　}
　　function openlights(){//開燈
　　　　box.Close();
　　　　CKobject._K_('a1').style.width='642px';
　　　　CKobject._K_('a1').style.height='615px';
　　　　CKobject.getObjectById('ckplayer_a1').width=642;
　　　　CKobject.getObjectById('ckplayer_a1').height=615;
　　}
</script>

注意：

1.紅色標註的地方是要換成你的項目裏的地址

2.藍色標註的地方是爲了實現視頻地址隱藏不暴露才這麼弄的。其中從url.aspx頁面下動態獲取視頻地址，因此f,a,s聯合使用,f傳入的id參數使用的就是a的值。

3.橘色標註的地方是爲了實現分享功能下獲取本網址地址，具體的分享功能就從這裏看吧http://www.ckplayer.com/tool/#p_3_6_26

4.綠色標註的地方是表示視頻的大小值

5.要實現開關燈功能要記得引用offlights.js文件

url.aspx.cs下的代碼：

protected void Page_Load(object sender, EventArgs e)
{

　　if (!string.IsNullOrEmpty(Request.QueryString["id"]))
　　{
　　　　//判斷id的值獲取相應的地址

　　　　Response.Write("你的視頻地址");
　　}

｝

注意url.aspx下的html代碼要所有刪除，由於須要返回的是純地址，不能帶有其它代碼。頁面上就剩下這些就中

 還有一個地方要注意的就是分享功能的實現，要修改share.xml裏的內容中的一些文件的路徑。

其它就不寫了，去官網看吧。