CKPlayer是一個在線視頻封裝播放器,可以通過JavaScript和jQuery進行調用,非常方便。下面是一個使用jQuery的示例:
<script src="jquery-1.11.1.min.js"></script> <script src="ckplayer.js"></script> <div id="video"></div> <script> $(function(){ var flashvars={ f:'http://www.xxx.com/abc.mp4', c:0, p:1 }; var params={ bgcolor:'#fff', allowFullScreen:true, allowScriptAccess:'always', wmode:'transparent' }; CKobject.embedSWF('ckplayer.swf','video','ckplayer_a1','600','400',flashvars,params); }); </script>
上面的代碼中,我們首先引入了jQuery和CKPlayer的依賴文件。然后,我們在頁面中創建了一個<div>標簽,用于放置我們的視頻播放器。
在jQuery準備好之后,我們先定義一個flashvars變量,用于存儲我們的視頻播放器需要的參數。其中,f表示我們的視頻鏈接,c表示是否開啟連續播放,p表示視頻播放的初始位置(從多少秒開始播放)。
接下來,我們定義一個params變量,用于存儲一些額外的參數。其中,bgcolor表示播放器的背景色,allowFullScreen表示播放器是否可以全屏播放,allowScriptAccess表示播放器是否可以與頁面的JavaScript進行交互,wmode表示flash的渲染方式。
最后,我們使用CKobject.embedSWF()方法來創建播放器,并將其嵌入到頁面中的<div>標簽中。其中,第一個參數是CKPlayer的swf文件,第二個參數是我們放置播放器的<div>標簽的id,第三個參數是播放器的名稱(需要和下面的代碼保持一致),第四個參數是播放器的寬度,第五個參數是播放器的高度,第六個參數是我們之前定義的flashvars,第七個參數是我們之前定義的params。