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里的內容中的一些文件的路徑。

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


免責聲明!

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



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