關於ckplayer.jscdn的信息

本文目錄一覽：

• 1、ckplayer載入失敗，是我電腦的原因。還是網站的問題
• 2、網頁隨機調用一個數字1~100命名的視頻？
• 3、ckplayer.js右鍵怎麼修改
• 4、CKplayer JS互動控制播放器怎麼調用
• 5、為什麼ckplayer改setup參數無效

ckplayer載入失敗，是我電腦的原因。還是網站的問題

1：你是直接在本地雙擊播放頁面(如測試的index.htm)打開的，而不是在web環境中瀏覽的。 2：確保你的所有文件是在同一個域下面，就是在同一個網站里，並且所有文件路徑使用同一個域名，而不是有些文件放在其它網站里，或者使用其他域名路徑，因為這涉及到一個安全沙箱的問題。在其他網站里的文件是無法獲取的。 3：如果播放器位置完全顯示黑色，什麼都沒有，右鍵點擊黑色部分是普通的刷新，查看源代碼等信息的話請檢查調用代碼里js的路徑和播放器的路徑是否正確，如果你不確定路徑是否正確的時候，可以使用絕對路徑 4：顯示黑色，點擊右鍵提示沒有載入影片 出現這個問題請檢查調用播放器時設置的播放器路徑，如下 swfobject.embedSWF(‘ckplayer/ckplayer_c.swf’, ‘a1’, ‘600’, ‘400’, ‘10.0.0’,’ckplayer/expressInstall.swf’, flashvars, params, attributes); 或 CKobject.embedSWF(‘ckplayer/ckplayer.swf’,’a1′,’ckplayer_a1′,’600′,’400′,flashvars,params); 如果你不敢肯定，請使用絕對路徑 5:顯示一個時間，其它的都沒有顯示，此時需要檢查一下ckplayer.js中的ck.cpath=”的值，或ckplayer.xml中的中的值，這裡是用來設置播放器界面路徑的，可以設置成絕對路徑，使之能正確載入到播放器風格壓縮包文件.

網頁隨機調用一個數字1~100命名的視頻？

定義一個函數

function random(min, max) {

return Math.floor(Math.random() * (max – min)) + min;

}

2、調用函數

題主有兩處用到了隨機數，所以首先要用一個變數把隨機數存起來。不能直接調用兩次函數，兩字運行函數的結果大概率會不一樣

在var videoinfo前面定義個變數：

var videoNumber = random(1, 100);

vurl:’到100隨機值.mp4′,

html5url:’到100隨機值.mp4′,

改為：

vurl:”+videoNumber +’.mp4′,

html5url:”+videoNumber +’.mp4′,

ckplayer.js右鍵怎麼修改

網頁播放器都有使用的前提(問1)。

~~~~~~~分隔線~~~~~~~

只需一步先看播放器效果(問2)：

下載附件，解壓內容(ckplayer文件夾和ckplayer.html)到網站根目錄，在瀏覽器中打開你的調試網站就可以看到網頁播放效果，如：

~~~~~~~分隔線，正題，使用步驟~~~~~~~

1、同上，下載附件並解壓到網站根目錄，在你的網站測試環境中看看播放器是否正常顯示。

2、用 Editplus 或 DreamWeaver 等文件編輯工具打開網站根目錄的 ckplayer.html 文件看到代碼很簡單吧，你試試修改 s1.ckplayer_flv 為自己的視頻或其他網路視頻，再刷新瀏覽器，應該可以播放哦(問3)。

其實到這裡，你就已經學會了播放器的基本使用。

3、應用到自己網站中的其他網頁，則複製 ckplayer.html 中的代碼到你要載入視頻播放的位置就可以了：

script type=”text/javascript” src=”/ckplayer/ckplayer.js” charset=”utf-8″/script

div id=”video”/div

script type=”text/javascript”

var s1=new swfupload();

//視頻地址

s1.ckplayer_flv=”;

//div的id

s1.swfwrite(‘video’);

/script

呵呵，簡單吧。

當然，CKplayer的功能是非常豐富的，這只是九牛一毛的功能，只要會簡單使用了，這時你可以下載官方的完整版，我相信其他功能你可以很快上手應用的。

PS：這裡解壓到網站根目錄只是為了很快投入使用，你可以放在網站中任意的文件夾里，在各個網頁中去調用，很靈活的(問4)。

附件：CKplayer.5.8.超簡打包下載

最後賣萌一下：除了官方的方式調用播放器外，這裡還為你準備了一個更簡單易用的CKplayer封裝調用，在好些網站上我有應用，感覺很不錯，或許你也可以試試：

參閱：CKplayer 簡易封裝及使用手冊

問1：

CKplayer 是網路視頻播放器，俗稱的flv網頁播放器，與 JW Player 是一類的，當然使用就比jw簡單多了，而且功能也更適合國人使用，關鍵是全功能免費和群友交流更方便。

所以，播放器必須在IIS/Apache等網頁伺服器環境中使用，簡單來說就是使用 或本地 這樣的方式來打開網頁才能正常使用，你測試的時候可以在本地搭建網頁測試環境，也可以直接上傳到你現在的網站空間里用域名來訪問和調試。直接雙擊打開網頁的方式是不行滴。

問2：

附件內容各方面功能都與官方完全一致的，與官方同步更新，請放心使用。只修改了默認的幾個參數，配合這個教程更方便新手使用而打包，可下載官方精簡版對照。

問3：

如果將 s1.ckplayer_flv 改為網路視頻可以播放，換成自己網站中的視頻播放不了，有幾個方面的原因：

1、視頻格式不支持，CKplayer也大多數網頁播放器一樣，支持H264編碼的MP4、F4V、MOV以及常用的FLV格式，因為網路播放需要邊緩衝邊播放，對格式有比較嚴格的要求。像AVI、RMVB、DAT什麼的這是桌面播放器如暴風、KMP流的工作。

2、視頻格式伺服器不支持，也就是MIME設置不正確，你需要在IIS中設置相應的文件格式MIME(詳查論壇或百度)：

.flv – application/octet-stream 或 video/x-flv 或 flv-application/octet-stream

.mp4 – application/octet-stream 或 video/x-mp4

.f4v – application/octet-stream 或 video/x-f4v

設置之後記得重啟IIS。

3、視頻地址不正確，你試試在測試環境里直接訪問視頻地址看能否訪問得到，比如用 。

問4：

官方的打包是採用的相對路徑文件包，因為播放器要載入Flash，載入皮膚，有幾處路徑要正確設置才能使用，很多新手朋友使用的官方包的時候會遇到黑屏、無法載入播放器等問題，其實都是因為路徑或js文件沒有正確載入引起的，所以特別做了這個絕對根路徑的文件打包，方便新手朋友下載後立即可以看到使用效果。

其中相對於官方的精簡版包修改了下面幾處：

1、ckplayer/ckplayer.js文件中：

ck.cpath = ‘/ckplayer/assets/’; //風格總路徑，(14行)設為了根路徑

ck.control_r=’Null,2,1,-75,-100,1′;//右側調整按鈕的文件，(32行)暫時去掉了插件

this.ckplayer_url = ‘/ckplayer/ckplayer.swf’; //(125行)默認了播放器的位置和文件

this.ckplayer_style = 0; //(128行)默認的視頻類型改為0，即單一視頻地址播放模式

2、index.htm文件改名為ckplayer.html，為了解壓到你的網站根目錄的時候不會把你原有的主頁文件破壞，並最簡了調用代碼，看起來更輕鬆些。

CKplayer JS互動控制播放器怎麼調用

　分析一下過程：

　js 中控制的播放器 ID 指的是播放器 object 的 id，而非網頁中顯示播放器的 div 的 id。在這裡，ck.js 中默認的 object 的 id 是：ck + 傳入的容器id，比如你的播放器調用代碼為：

那麼：很明顯，你的播放器將填充到 video 這個容器中，js 中控制的播放器互動的 ID 應該是什麼呢，對，就是：ckvideo。

另外：由於 ck.js 中默認有 ID 值為：ckvideo，那麼，如果你在調用播放器時沒有指定 ID 的話，那麼，控制播放器的 js 互動 ID 就是：ckvideo。

簡單點說，就是用於控制播放器的 js 中用的 ID 需要在網頁播放器 div 的 id 前加上兩字母：ck，如果你沒指定 div 的 id，那麼播放器的 Object ID 就是：ckvideo.

為什麼ckplayer改setup參數無效

（一）、修改或去掉播放器前置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里對應的是logo.swf

分別設置成

mylogo:’null’,

null

第二種：修改前置logo

找到（ckplayer.js）mylogo: ‘logo.swf’,

ckplayer.xml里對應的是logo.swf

替換成你的logo的名稱

找到（ckplayer.js）pm_mylogo: ‘1,1,-100,-55’,

ckplayer.xml里對應的是1,1,-100,-55

這是修改播放器默認logo的。

（二）、修改或去掉右上角的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里對應的是cklogo.png

分別設置成

logo:’null’,

null

第二種：修改logo

找到（ckplayer.js）logo: ‘cklogo.png’,

ckplayer.xml里對應的是cklogo.png

替換成你的logo的名稱

找到（ckplayer.js）pm_logo: ‘2,0,-100,20’,

ckplayer.xml里對應的是2,0,-100,20