官網(wǎng)：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測(cè)試</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 
官網(wǎng)：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簡(jiǎn)單調(diào)用演示</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的值,其它定義也可省略); 下面三行是調(diào)用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> <!-- 上面一行是播放器所在的容器名稱，如果只調(diào)用flash播放器，可以只用<div id="a1"></div> --> <textarea name="statusvalue" rows="15" id="statusvalue" style="width:200px;height:400px;">該處是用來(lái)監(jiān)聽播放器實(shí)時(shí)返回的各種狀態(tài)，可以根據(jù)這里的狀態(tài)實(shí)時(shí)的控制播放器</textarea> <textarea name="obj" rows="15" id="obj" style="width:200px;height:400px;">這里是主動(dòng)獲取播放器里的各項(xiàng)狀態(tài)值</textarea> <script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script> <script type="text/javascript"> //如果你不需要某項(xiàng)設(shè)置，可以直接刪除，注意var flashvars的最后一個(gè)值后面不能有逗號(hào) var flashvars={ f:'http://movie.ks.js.cn/flv/other/1_0.flv',//視頻地址 a:'',//調(diào)用時(shí)的參數(shù)，只有當(dāng)s>0的時(shí)候有效 s:'0',//調(diào)用方式，0=普通方法（f=視頻地址），1=網(wǎng)址形式,2=xml形式，3=swf形式(s>0時(shí)f=網(wǎng)址，配合a來(lái)完成對(duì)地址的組裝) c:'0',//是否讀取文本配置,0不是，1是 x:'',//調(diào)用xml風(fēng)格路徑，為空的話將使用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',//暫停時(shí)播放的廣告，swf/圖片,多個(gè)用豎線隔開，圖片要加鏈接地址，沒(méi)有的時(shí)候留空就行 u:'',//暫停時(shí)如果是圖片的話，加個(gè)鏈接地址 l:'http://www.ckplayer.com/down/adv6.1_1.swf|http://www.ckplayer.com/down/adv6.1_2.swf',//前置廣告，swf/圖片/視頻，多個(gè)用豎線隔開，圖片和視頻要加鏈接地址 r:'',//前置廣告的鏈接地址，多個(gè)用豎線隔開，沒(méi)有的留空 t:'10|10',//視頻開始前播放swf/圖片時(shí)的時(shí)間，多個(gè)用豎線隔開 y:'',//這里是使用網(wǎng)址形式調(diào)用廣告地址時(shí)使用，前提是要設(shè)置l的值為空 z:'http://www.ckplayer.com/down/buffer.swf',//緩沖廣告，只能放一個(gè)，swf格式 e:'3',//視頻結(jié)束后的動(dòng)作，0是調(diào)用js函數(shù)，1是循環(huán)播放，2是暫停播放并且不調(diào)用廣告，3是調(diào)用視頻推薦列表的插件，4是清除視頻流并調(diào)用js功能和1差不多，5是暫停播放并且調(diào)用暫停廣告 v:'80',//默認(rèn)音量，0-100之間 p:'0',//視頻默認(rèn)0是暫停，1是播放 h:'0',//播放http視頻流時(shí)采用何種拖動(dòng)方法，=0不使用任意拖動(dòng)，=1是使用按關(guān)鍵幀，=2是按時(shí)間點(diǎn)，=3是自動(dòng)判斷按什么(如果視頻格式是.mp4就按關(guān)鍵幀，.flv就按關(guān)鍵時(shí)間)，=4也是自動(dòng)判斷(只要包含字符mp4就按mp4來(lái)，只要包含字符flv就按flv來(lái)) q:'',//視頻流拖動(dòng)時(shí)參考函數(shù)，默認(rèn)是start m:'0',//默認(rèn)是否采用點(diǎn)擊播放按鈕后再加載視頻，0不是，1是,設(shè)置成1時(shí)不要有前置廣告 o:'',//當(dāng)m=1時(shí)，可以設(shè)置視頻的時(shí)間，單位，秒 w:'',//當(dāng)m=1時(shí)，可以設(shè)置視頻的總字節(jié)數(shù) g:'',//視頻直接g秒開始播放 j:'',//視頻提前j秒結(jié)束 k:'30|60',//提示點(diǎn)時(shí)間，如 30|60鼠標(biāo)經(jīng)過(guò)進(jìn)度欄30秒，60秒會(huì)提示n指定的相應(yīng)的文字 n:'這是提示點(diǎn)的功能，如果不需要?jiǎng)h除n和j的值|提示點(diǎn)測(cè)試60秒',//提示點(diǎn)文字，跟k配合使用，如 提示點(diǎn)1|提示點(diǎn)2 wh:'',//這是6.2新增加的寬高比，可以自己定義視頻的寬高或?qū)捀弑热纾簑h:'4:3',或wh:'1080:720' ct:'2',//6.2新增加的參數(shù)，主要針對(duì)有些視頻拖動(dòng)時(shí)時(shí)間出錯(cuò)的修正參數(shù)，默認(rèn)是2，自動(dòng)修正，1是強(qiáng)制修正，0是強(qiáng)制不修正 //調(diào)用播放器的所有參數(shù)列表結(jié)束 //以下為自定義的播放器參數(shù)用來(lái)在插件里引用的 my_url:encodeURIComponent(window.location.href)//本頁(yè)面地址 //調(diào)用自定義播放器參數(shù)結(jié)束 }; var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always'};//這里定義播放器的其它參數(shù)如背景色（跟flashvars中的b不同），是否支持全屏，是否支持交互 var attributes={id:'ckplayer_a1',name:'ckplayer_a1',menu:'false'}; //下面一行是調(diào)用播放器了，括號(hào)里的參數(shù)含義：（播放器文件，要顯示在的div容器，寬，高，需要flash的版本，當(dāng)用戶沒(méi)有該版本的提示，加載初始化參數(shù)，加載設(shè)置參數(shù)如背景，加載attributes參數(shù)，主要用來(lái)設(shè)置播放器的id） swfobject.embedSWF('ckplayer/ckplayer.swf', 'a1', '600', '400', '10.0.0','ckplayer/expressInstall.swf', flashvars, params, attributes); /*播放器地址，容器id，寬，高，需要flash插件的版本，flashvars,params,attributes 如果你因?yàn)槟壳暗膕wfobject和你項(xiàng)目中的存在沖突，不想用swfobject.embedSWF調(diào)用，也可以用如下代碼進(jìn)行調(diào)用 CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params); CKobject.embedSWF(播放器路徑,容器id,播放器id/name,播放器寬,播放器高,flashvars的值,其它定義也可省略); 此時(shí)可以刪除ckplayer.js中的最后一行，交互的部分也要改成CKobject.getObjectById('ckplayer_a1') */ //調(diào)用ckplayer的flash播放器結(jié)束 /* 下面三行是調(diào)用html5播放器用到的 var video='視頻地址和類型'; var support='支持的平臺(tái)或?yàn)g覽器內(nèi)核名稱'; */ 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'];//默認(rèn)的在ipad,iphone,ios設(shè)備中用html5播放,android,ie10上沒(méi)有安裝flash的也調(diào)用html5 CKobject.embedHTML5('video','ckplayer_a1',600,400,video,flashvars,support); /* 如果不想使用html5播放器，只要把上面三行去掉就可以了 ================================================================= 以下代碼并不是播放器里的，只是播放器應(yīng)用時(shí)用到的 ================================================================= */ function playerstop(){ //只有當(dāng)調(diào)用視頻播放器時(shí)設(shè)置e=0或4時(shí)會(huì)有效果 alert('播放完成'); } var _nn=0;//用來(lái)計(jì)算實(shí)時(shí)監(jiān)聽的條數(shù)的，超過(guò)100條記錄就要?jiǎng)h除，不然會(huì)消耗內(nèi)存 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('你點(diǎn)擊了跳過(guò)廣告按鈕，注冊(cè)成為本站會(huì)員，可不用觀看前置廣告'); } //開關(guān)燈 var box = new LightBox(); function closelights(){//關(guān)燈 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">查看升級(jí)說(shuō)明</a><br /> <strong><a href="http://www.ckplayer.com/" target="_blank">官網(wǎng)</a>，<a href="http://www.ckplayer.com/manual.php" target="_blank">幫助手冊(cè)</a></strong><br /> <strong>如果你是雙擊打開該頁(yè)面，發(fā)現(xiàn)不能播放視頻</strong>(原則上該播放器需要在網(wǎng)站環(huán)境中運(yùn)行)，<a href="http://www.ckplayer.com/bbs/forum.php?mod=viewthread&tid=942">請(qǐng)點(diǎn)擊該鏈接查看設(shè)置方法</a></p> <p>以下的操作類只對(duì)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="繼續(xù)播放前置廣告" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_advpause(false);" /> <input type="button" name="button" id="button" value="跳過(guò)廣告" 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="快進(jìn)" 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="顯示調(diào)整插件" onClick="swfobject.getObjectById('ckplayer_a1').ckplayer_plugin('adjustment.swf',true);" /> <input type="button" name="button2" id="button2" value="隱藏調(diào)整插件" 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> 先設(shè)置好要跳轉(zhuǎn)的秒數(shù)： <input name="seconds" type="text" id="seconds" value="20" size="5" maxlength="5" /> <input type="button" name="button" id="button" value="跳轉(zhuǎn)" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_seek(document.getElementById('seconds').value);" /> </p> <p> 先設(shè)置好音量（1-100）： <input name="volume" type="text" id="volume" value="20" size="5" maxlength="5" /> <input type="button" name="button" id="button" value="設(shè)置" 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="設(shè)置" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_brightness(document.getElementById('brightness').value);" /> 0為中間值，向右為亮向左為暗</p> <p> 對(duì)比度（-255-255）： <input name="contrast" type="text" id="contrast" value="200" size="5" maxlength="5" /> <input type="button" name="button" id="button" value="設(shè)置" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_contrast(document.getElementById('contrast').value);" /> 127.5為中間值，向右對(duì)比鮮明向左對(duì)比偏暗</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="設(shè)置" 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="設(shè)置" 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="設(shè)置" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_wandh(document.getElementById('wandh').value,document.getElementById('wandh2').value);" /> 大于0,100為正常寬高 </p> <p> 自由設(shè)置寬： <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="設(shè)置" 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> 播放新參數(shù)地址： <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="跳轉(zhuǎn)" onclick="swfobject.getObjectById('ckplayer_a1').ckplayer_newaddress(document.getElementById('newaddress').value);" /> </p> <p>以下是CKoject函數(shù)所能做的一些跟播放器無(wú)關(guān)的事情</p> <p id="aboutme"></p> <script type="text/javascript"> var aboutme=''; aboutme+='平臺(tái)(瀏覽器)內(nèi)核：'+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
新聞熱點(diǎn)
疑難解答
圖片精選
