http://www.ckplayer.com/
<div id="flashcontent"></div> <div id="video" style="position:relative;z-index: 100;width:600px;height:400px;"><div id="a1"></div></div> <script type="text/javascript" src="ckplayer/ckplayer.js" charset="UTF-8"></script> <script type="text/javascript" src="js/offlights.js" charset="UTF-8"></script> <script type="text/javascript"> //以下為調用播放器的標准代碼 var flashvars={ f:'http://movie.ks.js.cn/flv/2011/11/8-1.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:'',//初始圖片地址 d:'http://www.ckplayer.com/temp/11.jpg',//暫停時播放的廣告,swf/圖片 u:'http://www.baidu.com',//暫停時如果是圖片的話,加個鏈接地址 l:'http://www.ckplayer.com/down/start.swf',//視頻開始前播放的廣告,swf/圖片/視頻 r:'',//視頻開始前播放圖片/視頻時加一個鏈接地址 t:'1',//視頻開始前播放swf/圖片時的時間 e:'3',//視頻結束后的動作,0是調用js函數,1是循環播放,2是暫停播放,3是調用視頻推薦列表的插件 v:'85',//默認音量,0-100之間 p:'1',//視頻默認0是暫停,1是播放 h:'1',//播放http視頻流時采用何種拖動方法,0是按關鍵幀,1是按關鍵時間點 q:'',//視頻流拖動時參考函數,默認是start m:'0',//默認是否采用點擊播放按鈕后再加載視頻,0不是,1是,設置成1時不要有前置廣告 g:'',//視頻直接g秒開始播放 j:'',//視頻提前j秒結束 k:'10|40|80',//提示點時間,如 30|60鼠標經過進度欄30秒,60秒會提示n指定的相應的文字 n:'跳過開頭|小企鵝寶寶下水了|跳過結尾',//提示點文字,跟k配合使用,如 提示點1|提示點2 b:'0x000',//播放器的背景色,如果不設置的話將默認透明 w:'',//指定調用自己配置的文本文件,不指定將默認調用和播放器同名的txt文件 //調用播放器的所有參數列表結束 //以下為自定義的播放器參數用來在插件里引用的 my_title:'視頻標題',//視頻標題 my_url:'http://www.ckplayer.com/index.php',//本頁面地址 my_summary:'這是一個測試頁面',//視頻介紹,請保持在一行文字,不要換行 my_pic:'http://www.ckplayer.com/temp/11.jpg'//分享的圖片地址 //調用自定義播放器參數結束 }; var params={bgcolor:'#000000',allowFullScreen:true,allowScriptAccess:'always'};//這里定義播放器的其它參數如背景色(跟flashvars中的b不同),是否支持全屏,是否支持交互 var attributes={id:'ckplayer_a1',name:'ckplayer_a1'}; //下面一行是調用播放器了,括號里的參數含義:(播放器文件,要顯示在的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 //調用播放器結束 //第一部分:開關燈 var box = new LightBox('flashcontent'); var $=function(id){return document.getElementById(id)}; function closelights(){//關燈 box.Show(); $('video').style.width='940px'; $('video').style.height='550px'; swfobject.getObjectById('ckplayer_a1').width=940; swfobject.getObjectById('ckplayer_a1').height=550; } function openlights(){//開燈 box.Close(); $('video').style.width='600px'; $('video').style.height='400px'; swfobject.getObjectById('ckplayer_a1').width=600; swfobject.getObjectById('ckplayer_a1').height=400; } </script>