HTML播放rtmp（ckplayer）

ckplayer直播或者回播，播放類型爲mp4，hls，rtmp，rtsp，目前這些測試過，代碼如下：

html中代碼

<div id="video" class="video" style="width: 600px; height: 560px;"></div>

引入js

<script type="text/javascript" src="ckplayer/ckplayer.js"></script>

初始化js函數

	var videoObject = {
				container: '#video', //容器的ID或className
				variable: 'player',//播放函數名稱
				autoplay:true,
				live:true,
				video: 'rtmp://rtmp01open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b.hd'
			};
			var player = new ckplayer(videoObject);

視頻播放需要flash或者HTML自帶播放器，ckplayer默認自動選擇，也可在ckplayer.js中config函數中設置。視頻播放根據HTML中div來加載播放位置，根據div屬性width和height設置video窗口大小。視頻畫面大小下邊說明。

函數參數說明：

container：#video表示div id，
.video表示className variable：播放函數名稱
autoplay：true表示自動播放，false爲視頻播放器加載完顯示暫停狀態
live：true，直播或回播方式
video：視頻地址

var player = new ckplayer(videoObject);

這一行重新加載js中的播放器值

需要Tomcat支撐或者其它服務，正常畫面顯示如下：

視頻畫面設置參數在ckplayerConfig函數中

1. 去掉或者修改右上角logo，style下logo方法中設置file參數爲圖片路徑
2. style下video函數爲視頻比例，默認16:9，根據div大小設置，此處修改不影響點擊全屏畫面，只修改當前div中畫面大小比例，如需修改左下角時間顯示，需要修改配置文件language.xml中第30行

<live>
			 [$liveTimeY]-[$liveTimem]-[$liveTimed]
</live>

3. 關於控制進度條點擊事件，修改js中播放方式爲回放，config中48行

buttonMode: {
				player: false,//鼠標在播放器上是否顯示可點擊形態
				controlBar: false,//鼠標在控制欄上是否顯示可點擊形態
				timeSchedule: true,//鼠標在時間進度條上是否顯示可點擊形態
				volumeSchedule: true //鼠標在音量調節欄上是否顯示可點擊形態
			}

如果需要顯示視頻列表，播放上一集和下一集，需要綁定front（上一集）和next（下一集）事件。
直播可以設置延遲加載視頻時間，單位：毫秒，默認30，我自己有時候播放虧導致播放器崩潰，可能播放時識別用HTML播放的，重新加載之後播放一段時間顯示false潰崩了，更新到最新版本之後，發現問題還是會重現，於是現在改了時間爲200ms，目前沒有出現過，不知道是否爲這個原因。
demo下載