官網：jarisflvplayer.org
1、播放欄在右：
2、播放欄在下：
| source | logoalpha | |
| This is the actual path of the media that is going to be played. | The transparency percent. values permitted 1 to 100 | |
| type | logowidth | |
| The type of file to play, allowable values are: audio, video. | The width in pixels of the logo. | |
| streamtype | logolink | |
| The stream type of the file, allowable values are: file, http, rmtp, youtube | A link to a webpage when the logo is click | |
| server | hardwarescaling | |
| Used in coordination with rtmp stream servers. | Enable or disable hardware scaling on fullscreen mode, values: false or true | |
| duration | controls | |
| Total times in seconds for input media or formatted string in the format hh:mm:ss | To disable the displaying of controls, values: false to hide otherwise defaults to show | |
| poster | darkcolor | |
| Screenshot of the video that is displayed before playing. | The darker color of player controls | |
| aspectratio | brightcolor | |
| To override original aspect ratio on first time player load. Allowable values: 1:1, 3:2, 4:3, 5:4, 14:9, 14:10, 16:9, 16:10 | The bright color of player controls | |
| autostart | controlcolor | |
| A true or false value that indicates to the player if it should auto play the video on load. | The face color of controls | |
| logo | hovercolor | |
| An image of your logo. | On mouse hover color for controls | |
| logoposition | jsapi | |
| The position of the logo in the player, permitted values are: top left, top right, bottom left and bottom right | Expose events to javascript functions and enable controlling the player from the outside. Set to any value to enable. | |
| loop | ||
| Makes the player repeat the playback after it has finished. Set to true or 1 |
| SPACE | LEFT | |
| Play or pause video. | Rewind | |
| TAB | RIGHT | |
| Switch between different aspect ratios. | Foward | |
| UP | M | |
| Raise volume | Mute or unmute volume. | |
| DOWN | F | |
| Lower volume | Switch to fullscreen mode |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Jaris FLV Player測試</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="language" content="en"/> <meta name="description" content=""/> <meta name="key<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html 
官網：www.ckplayer.com<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>ckplayer簡單調用演示</title> <script type="text/javascript" src="js/offlights.js"></script> </head> <body> <div id="video" style="position:relative;z-index: 100;width:600px;height:400px;float: left;"> <div id="a1"></div> </div> <script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script> <script type="text/javascript"> var flashvars = { f: '/exam/videos/af.flv', c: 0, b: 1 }; var params = {bgcolor: '#FFF', allowFullScreen: true, allowScriptAccess: 'always'}; CKobject.embedSWF('ckplayer/ckplayer.swf', 'a1', 'ckplayer_a1', '600', '400', flashvars, params); /* CKobject.embedSWF(播放器路徑,容器id,播放器id/name,播放器寬,播放器高,flashvars的值,其它定義也可省略); 下面三行是調用html5播放器用到的 */ var video = ['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4', 'http://www.ckplayer.com/webm/0.webm->video/webm', 'http://www.ckplayer.com/webm/0.ogv->video/ogg']; var support = ['iPad', 'iPhone', 'ios', 'android+false', 'msie10+false']; CKobject.embe<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ckplayer</title> <style type="text/css"> body,td,th { font-size: 14px; line-height: 26px; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } p { margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 10px; } </style> <script type="text/javascript" src="js/offlights.js"></script> </head> <body> <div id="video" style="position:relative;z-index: 100;width:600px;height:400px;float: left;"><div id="a1"></div></div> <!-- 上面一行是播放器所在的容器名稱，如果只調用flash播放器，可以只用<div id="a1"></div> --> <textarea name="statusvalue" rows="15" id="statusvalue" style="width:200px;height:400px;">該處是用來監聽播放器實時返回的各種狀態，可以根據這里的狀態實時的控制播放器</textarea> <textarea name="obj" rows="15" id="obj" style="width:200px;height:400px;">這里是主動獲取播放器里的各項狀態值</textarea> <script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script> <script type="text/javascript"> //如果你不需要某項設置，可以直接刪除，注意var flashvars的最后一個值后面不能有逗號 var flashvars={ f:'http://movie.ks.js.cn/flv/other/1_0.flv',//視頻地址 a:'',//調用時的參數，只有當s>0的時候有效 s:'0',//調用方式，0=普通方法（f=視頻地址），1=網址形式,2=xml形式，3=swf形式(s>0時f=網址，配合a來完成對地址的組裝) c:'0',//是否讀取文本配置,0不是，1是 x:'',//調用xml風格路徑，為空的話將使用ckplayer.js的配置 i:'http://www.ckplayer.com/images/loadimg3.jpg',//初始圖片地址 d:'http://www.ckplayer.com/down/pause6.1_1.swf|http://www.ckplayer.com/down/pause6.1_2.swf',//暫停時播放的廣告，swf/圖片,多個用豎線隔開，圖片要加鏈接地址，沒有的時候留空就行 u:'',//暫停時如果是圖片的話，加個鏈接地址 l:'http://www.ckplayer.com/down/adv6.1_1.swf|http://www.ckplayer.com/down/adv6.1_2.swf',//前置廣告，swf/圖片/視頻，多個用豎線隔開，圖片和視頻要加鏈接地址 r:'',//前置廣告的鏈接地址，多個用豎線隔開，沒有的留空 t:'10|10',//視頻開始前播放swf/圖片時的時間，多個用豎線隔開 y:'',//這里是使用網址形式調用廣告地址時使用，前提是要設置l的值為空 z:'http://www.ckplayer.com/down/buffer.swf',//緩沖廣告，只能放一個，swf格式 e:'3',//視頻結束后的動作，0是調用js函數，1是循環播放，2是暫停播放并且不調用廣告，3是調用視頻推薦列表的插件，4是清除視頻流并調用js功能和1差不多，5是暫停播放并且調用暫停廣告 v:'80',//默認音量，0-100之間 p:'0',//視頻默認0是暫停，1是播放 h:'0',//播放http視頻流時采用何種拖動方法，=0不使用任意拖動，=1是使用按關鍵幀，=2是按時間點，=3是自動判斷按什么(如果視頻格式是.mp4就按關鍵幀，.flv就按關鍵時間)，=4也是自動判斷(只要包含字符mp4就按mp4來，只要包含字符flv就按flv來) q:'',//視頻流拖動時參考函數，默認是start m:'0',//默認是否采用點擊播放按鈕后再加載視頻，0不是，1是,設置成1時不要有前置廣告 o:'',//當m=1時，可以設置視頻的時間，單位，秒 w:'',//當m=1時，可以設置視頻的總字節數 g:'',//視頻直接g秒開始播放 j:'',//視頻提前j秒結束 k:'30|60',//提示點時間，如 30|60鼠標經過進度欄30秒，60秒會提示n指定的相應的文字 n:'這是提示點的功能，如果不需要刪除n和j的值|提示點測試60秒',//提示點文字，跟k配合使用，如 提示點1|提示點2 wh:'',//這是6.2新增加的寬高比，可以自己定義視頻的寬高或寬高比如：wh:'4:3',或wh:'1080:720' ct:'2',//6.2新增加的參數，主要針對有些視頻拖動時時間出錯的修正參數，默認是2，自動修正，1是強制修正，0是強制不修正 //調用播放器的所有參數列表結束 //以下為自定義的播放器參數用來在插件里引用的 my_url:encodeURIComponent(window.location.href)//本頁面地址 //調用自定義播放器參數結束 }; var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always'};//這里定義播放器的其它參數如背景色（跟flashvars中的b不同），是否支持全屏，是否支持交互 var attributes={id:'ckplayer_a1',name:'ckplayer_a1',menu:'false'}; //下面一行是調用播放器了，括號里的參數含義：（播放器文件，要顯示在的div容器，寬，高，需要flash的版本，當用戶沒有該版本的提示，加載初始化參數，加載設置參數如背景，加載attributes參數，主要用來設置播放器的id） swfobject.embedSWF('ckplayer/ckplayer.swf', 'a1', '600', '400', '10.0.0','ckplayer/expressInstall.swf', flashvars, params, attributes); /*播放器地址，容器id，寬，高，需要flash插件的版本，flashvars,params,attributes 如果你因為目前的swfobject和你項目中的存在沖突，不想用swfobject.embedSWF調用，也可以用如下代碼進行調用 CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params); CKobject.embedSWF(播放器路徑,容器id,播放器id/name,播放器寬,播放器高,flashvars的值,其它定義也可省略); 此時可以刪除ckplayer.js中的最后一行，交互的部分也要改成CKobject.getObjectById('ckplayer_a1') */ //調用ckplayer的flash播放器結束 /* 下面三行是調用html5播放器用到的 var video='視頻地址和類型'; var support='支持的平臺或瀏覽器內核名稱'; */ var video=['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4','http://www.ckplayer.com/webm/0.webm->video/webm','http://www.ckplayer.com/webm/0.ogv->video/ogg']; var support=['iPad','iPhone','ios','android+false','msie10+false'];//默認的在ipad,iphone,ios設備中用html5播放,android,ie10上沒有安裝flash的也調用html5 CKobject.embedHTML5('video','ckplayer_a1',600,400,video,flashvars,support); /* 如果不想使用html5播放器，只要把上面三行去掉就可以了 ================================================================= 以下代碼并不是播放器里的，只是播放器應用時用到的 ================================================================= */ function playerstop(){ //只有當調用視頻播放器時設置e=0或4時會有效果 alert('播放完成'); } var _nn=0;//用來計算實時監聽的條數的，超過100條記錄就要刪除，不然會消耗內存 var watt=false; function ckplayer_status(str){ _nn+=1; if(_nn>200){ _nn=0; document.getElementById('statusvalue').value=''; } document.getElementById('statusvalue').value=str+'/n'+document.getElementById('statusvalue').value; if(str=='video:play'){ if(!watt){ watt=true; setInterval('getstart()',1000); } } } function getstart(){ var a=swfobject.getObjectById('ckplayer_a1').ckplayer_getstatus(); var ss=''; for (var k in a){ ss+=k+":"+a[k]+'/n'; } document.getElementById('obj').innerHTML=ss; } function aboutstr(str,f){//查看str字符里是否有f var about=false; var strarray=new Array(); var farray=new Array(); farray=f.split(","); if(str){ for(var i=0;i<farray.length;i++){ strarray=str.split(farray[i]); if(strarray.length>1){ about=true; break; } } } return about; } function ckadjump(){ alert('你點擊了跳過廣告按鈕，注冊成為本站會員，可不用觀看前置廣告'); } //開關燈 var box = new LightBox(); function closelights(){//關燈 box.Show(); CKobject._K_('video').style.width='940px'; CKobject._K_('video').style.height='550px'; swfobject.getObjectById('ckplayer_a1').width=940; swfobject.getObjectById('ckplayer_a1').height=550; } function openlights(){//開燈 box.Close(); CKobject._K_('video').style.width='600px'; CKobject._K_('video').style.height='400px'; swfobject.getObjectById('ckplayer_a1').width=600; swfobject.getObjectById('ckplayer_a1').height=400; } </script> <p style="color:#F00"> ckplayer6.3，<a href="help.htm" target="_blank">查看升級說明</a><br /> <strong><a href="http://www.ckplayer.com/" target="_blank">官網</a>，<a href="http://www.ckplayer.com/manual.php" target="_blank">幫助手冊</a></strong><br /> <strong>如果你是雙擊打開該頁面，發現不能播放視頻</strong>(原則上該播放器需要在網站環境中運行)，<a href="http://www.ckplayer.com/bbs/forum.php?mod=viewthread&tid=942">請點擊該鏈接查看設置方法</a></p> <p>以下的操作類只對flash播放器有效</p> <p> <input type="button" name="button" id="button" value="暫停前置廣告" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_advpause();" /> <input type="button" name="button" id="button" value="繼續播放前置廣告" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_advpause(false);" /> <input type="button" name="button" id="button" value="跳過廣告" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_advunload();" /> <input type="button" name="button" id="button" value="隱藏控制欄" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_changeface(true);" /> <input type="button" name="button" id="button" value="顯示控制欄" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_changeface();" /> <input type="button" name="button" id="button" value="播放" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_play();" /> <input type="button" name="button" id="button" value="暫停" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_pause();" /> <input type="button" name="button" id="button" value="播放/暫停" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_playorpause();" /> <input type="button" name="button" id="button" value="快進" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_fastnext();" /> <input type="button" name="button" id="button" value="快退" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_fastback();" /> <input type="button" name="button2" id="button2" value="顯示調整插件" onClick="swfobject.getObjectById('ckplayer_a1').ckplayer_plugin('adjustment.swf',true);" /> <input type="button" name="button2" id="button2" value="隱藏調整插件" onClick="swfobject.getObjectById('ckplayer_a1').ckplayer_plugin('adjustment.swf',false);" /> <input type="button" name="button2" id="button2" value="清除視頻" onClick="swfobject.getObjectById('ckplayer_a1').ckplayer_videoclear();" /> </p> <p> 先設置好要跳轉的秒數： <input name="seconds" type="text" id="seconds" value="20" size="5" maxlength="5" /> <input type="button" name="button" id="button" value="跳轉" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_seek(document.getElementById('seconds').value);" /> </p> <p> 先設置好音量（1-100）： <input name="volume" type="text" id="volume" value="20" size="5" maxlength="5" /> <input type="button" name="button" id="button" value="設置" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_volume(document.getElementById('volume').value);" /> </p> <p> 亮度（-255-255）： <input name="brightness" type="text" id="brightness" value="200" size="5" maxlength="5" /> <input type="button" name="button" id="button" value="設置" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_brightness(document.getElementById('brightness').value);" /> 0為中間值，向右為亮向左為暗</p> <p> 對比度（-255-255）： <input name="contrast" type="text" id="contrast" value="200" size="5" maxlength="5" /> <input type="button" name="button" id="button" value="設置" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_contrast(document.getElementById('contrast').value);" /> 127.5為中間值，向右對比鮮明向左對比偏暗</p> <p> 飽和度（-255-255）： <input name="saturation" type="text" id="saturation" value="200" size="5" maxlength="5" /> <input type="button" name="button" id="button" value="設置" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_saturation(document.getElementById('saturation').value);" /> 1為中間值，0為灰度值（即黑白相片）</p> <p> 色相（-255-255）： <input name="sethue" type="text" id="sethue" value="200" size="5" maxlength="5" /> <input type="button" name="button" id="button" value="設置" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_sethue(document.getElementById('sethue').value);" /> 0為中間值，向右向左一試便知</p> <p> 增加寬高： <input name="wandh" type="text" id="wandh" value="100" size="5" maxlength="5" /><input name="wandh2" type="text" id="wandh2" value="100" size="5" maxlength="5" /> <input type="button" name="button" id="button" value="設置" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_wandh(document.getElementById('wandh').value,document.getElementById('wandh2').value);" /> 大于0,100為正常寬高 </p> <p> 自由設置寬： <input name="cw" type="text" id="cw" value="100" size="5" maxlength="5" /> 高: <input name="ch" type="text" id="ch" value="100" size="5" maxlength="5" /> x: <input name="cx" type="text" id="cx" value="100" size="5" maxlength="5" /> y: <input name="cy" type="text" id="cy" value="100" size="5" maxlength="5" /> <input type="button" name="button" id="button" value="設置" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_whxy(document.getElementById('cw').value,document.getElementById('ch').value,document.getElementById('cx').value,document.getElementById('cy').value);" /> </p> <p> 播放新參數地址： <input name="newaddress" type="text" id="newaddress" value="{f->http://movie.ks.js.cn/flv/2012/02/6-1.flv}" size="60" maxlength="100" /> <input type="button" name="button" id="button" value="跳轉" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_newaddress(document.getElementById('newaddress').value);" /> </p> <p>以下是CKoject函數所能做的一些跟播放器無關的事情</p> <p id="aboutme"></p> <script type="text/javascript"> var aboutme=''; aboutme+='平臺(瀏覽器)內核：'+CKobject.Platform()+'<br />'; aboutme+='瀏覽器：'+CKobject.browser()['B']+'<br />'; aboutme+='瀏覽器版本：'+CKobject.browser()['V']+'<br />'; aboutme+='是否安裝了flash插件：'+CKobject.Flash()['f']+'<br />'; if(CKobject.Flash()['f']){ aboutme+='flash插件版本：'+CKobject.Flash()['v']+'<br />'; } CKobject._K_('aboutme').innerHTML=aboutme; </script> </body> </html> 參考：http://jarisflvplayer.org/demo/new-controlshttp://www.ckplayer.com/nview.php?id=160
原文地址：http://blog.csdn.net/z_dendy/article/details/24477545
新聞熱點
疑難解答
