似乎CKplayer是最火的國産網頁播放器了。這裡說個Q&A例子。
實現目標:
最終達到效果: http://www.fufuok.com/demo/ckplayer/pat/ckplayer/ckplayer.swf?a=1
解決方案
可以在 a 參數後跟上我們的視頻文章 ID 就可以播放對應的視頻,還可以分享到其他網站直接調用(類似優酷等視頻網站的分享 html 代碼):
<embed src=" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
解決思路
爲了好理解,下面以官方的 ckplayer 5.4 版的包爲例,先去官方下載一個後解壓到目錄吧,比如我把包解壓到:/demo/ckplayer/pat/;
先準備一個獲取自己視頻地址的 ASP/PHP 文档(以下内容在文後提供的示例包中均有),放到與播放器相同的目錄,如:url.php,這裡示例程序中只有 id=1 和 id=2 可用,自行按情況編寫程序;
再打開 ckplayer/ckplayer.txt 文档,内容如下,保險起見,請全部改用絕對地址:
{v->85}{p->0}{f->http://www.fufuok.com/demo/ckplayer/pat/ckplayer/url.php?id=[$pat]}{s->1}{i->}{d->}{u->}{l->}{r->}{t->0}{e->3}{b->0x000000}{x->http://www.fufuok.com/demo/ckplayer/pat/ckplayer/ckplayer.xml}
注:重要的參數是其中的 f/s/x 分別表示視頻地址 ckplayer_flv ([$pat] 這一部分指我們上面 ckplayer.swf?a= 後的值),傳遞的方式 ckplayer_style,風格文档 ckplayer_xml。
再打開 ckplayer/ckplayer.xml 文档,即風格文档,只是把第一行修改爲絕對網址,即:
<cpath>http://www.fufuok.com/demo/ckplayer/pat/ckplayer/assets/</cpath>
這會你試試訪問:http://www.fufuok.com/demo/ckplayer/pat/ckplayer/ckplayer.swf?a=2,呵呵,成功了吧,還有 a=1 也試試。
我們用類似分享的 html 代碼在這裡調用,即 embed 調用。
Tips: 在 ckplayer.txt 中你可以設置前置廣告/暫停廣告,在 ckplayer.xml 中你可以設置滾動字幕廣告。上面的修改和文档不影響在網站中採用 js 代碼的方式去調用播放器。
上面的示例請下載回去看看吧,相信很容易理解和應用:站外調用 pat 參數應用示例下載
調用方法請自行右鍵 - 查看源代碼,有詳盡的注釋,ckplayer.txt 中單個字母的參數說明請查閲[完整版調用示例]。