IT技術互動交流平台

皇港棋牌官网

作者︰潮夢蝶花  發布日期(qi)︰2020-02-19 08:41:26

現在網上做視頻播(bo)放(fang)的(de)很多,我就用過ckplayer這一款,雖然不知(zhi)道(dao)別(bie)的(de)播(bo)放(fang)器怎麼樣,但(dan)ckplayer還是(shi)比較不錯的(de)。調用簡單(dan)、說(shuo)明清晰、可擴展性很強(qiang),我老喜歡了。

當然引用人家的(de)東西(xi)一定得去人家的(de)官網上看(kan)看(kan),因(yin)為官網上才(cai)正規的(de)幫助(zhu)手(shou)冊,案例展示,詳細(xi)的(de)配(pei)置方法。看(kan)過了配(pei)置說(shuo)明,一般大家都能整(zheng)合到(dao)自(zi)己(ji)的(de)網站上。

這就是(shi)ckplayer網頁播(bo)放(fang)器的(de)官網地址︰http://www.ckplayer.com/

一開始(shi)我是(shi)覺(jue)得ckplayer能免費修改自(zi)己(ji)的(de)logo,並且皮膚也很好看(kan),看(kan)了下調用的(de)方法發現很簡單(dan),就決(jue)定用它了,現在是(shi)越用越覺(jue)得好使。先(xian)展示下我整(zheng)合到(dao)我的(de)網站上的(de)效果︰

【展示效果】

【調整(zheng)效果】

【分(fen)享效果】

發了這多效果圖只是(shi)因(yin)為心里(li)高興,這一上午算是(shi)沒白費。

我從(cong)官網上下了現在最新的(de)版本v6.5,我記(ji)得我是(shi)從(cong)四點幾開始(shi)用的(de)。說(shuo)實話,那(na)時候確(que)實還有(you)很多地方沒有(you)符(fu)合我的(de)需求,現在版本的(de)基本上我的(de)需求都能滿足了。

為了防(fang)止以後在官網上找(zhao)不到(dao)這個(ge)版本了,我放(fang)到(dao)雲盤上xian)麼蠹蟻略匕桑strong>ckplayer6.5版

我相信看(kan)了里(li)面的(de)demo和(he)配(pei)置方法,你肯定會用了。我下面就介紹下我整(zheng)合的(de)時候用到(dao)的(de)東西(xi),先(xian)看(kan)我的(de)代(dai)碼(ma)︰

html下的(de)代(dai)碼(ma)︰

<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,//調用時的(de)參數,只有(you)當s>0的(de)時候有(you)效
    s:'1',//調用方式,0=普通(tong)方法(f=視頻地址),1=網址形式,2=xml形式,3=swf形式(s>0時f=網址,配(pei)合a來(lai)完成對地址的(de)組裝)
    c:'0',//是(shi)否讀取文本配(pei)置,0不是(shi),1是(shi)
    my_url:window.location.href
   };
  var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always'};//這里(li)定義播(bo)放(fang)器的(de)其它參數如背景色(跟flashvars中的(de)b不同),是(shi)否支持全(quan)屏,是(shi)否支持交互
  var video=[''];
  CKobject.embed('/Video/Ckplayer/ckplayer.swf','a1','ckplayer_a1','642','615',false,flashvars,video,params);

  //開關(guan)燈
  var box = new LightBox();
  function closelights(){//關(guan)燈
    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.紅(hong)色標注的(de)地方是(shi)要換成你的(de)項目里(li)的(de)地址

2.藍色標注的(de)地方是(shi)為了實現視頻地址隱藏不暴露才(cai)這麼弄(long)的(de)。其中xie)rl.aspx頁面下動態獲(huo)取視頻地址,所(suo)以f,a,s聯(lian)合使用,f傳入的(de)id參數使用的(de)就是(shi)a的(de)值。

3.橘色標注的(de)地方是(shi)為了實現分(fen)享功能下獲(huo)取本網址地址,具體的(de)分(fen)享功能就從(cong)這里(li)看(kan)吧http://www.ckplayer.com/tool/#p_3_6_26

4.綠色標注的(de)地方是(shi)表示視頻的(de)大小值

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

url.aspx.cs下的(de)代(dai)碼(ma)︰

protected void Page_Load(object sender, EventArgs e)
{

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

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

注意url.aspx下的(de)html代(dai)碼(ma)要全(quan)部刪除,因(yin)為需要返回的(de)是(shi)純地址,不能帶有(you)其它代(dai)碼(ma)。頁面上就剩(sheng)下這些(xie)就中

 還有(you)一個(ge)地方要注意的(de)就是(shi)分(fen)享功能的(de)實現,要修改share.xml里(li)的(de)內(na)容中的(de)一些(xie)文件的(de)路徑(jing)。

其它就不寫(xie)了,去官網看(kan)吧。

Tag標簽︰超酷  播(bo)放(fang)器  網頁  
  • 皇港棋牌官网

About IT165 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條(tiao)款 - 網站地圖 - 網友投稿(gao) - 聯(lian)系方式
本站內(na)容來(lai)自(zi)于互聯(lian)網,僅供用于網絡技術學習,學習中請遵循相關(guan)法律法規
皇港棋牌官网 | 下一页