JS-监听播放器
监听示例
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8" data-name="ckplayer"></script>
<div class="video" style="width: 600px;height: 400px;"></div>
<script type="text/javascript">
//定义一个变量：videoObject，用来做为视频初始化配置
var videoObject = {
container: '.video', //“#”代表容器的ID，“.”或“”代表容器的class
variable: 'player', //播放函数名称，该属性必需设置，值等于下面的new ckplayer()的对象
loaded:'loadedHandler',//播放器加载完成后调用该函数
video: 'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4'//视频地址
};
var player = new ckplayer(videoObject);//初始化播放器
function loadedHandler(name){
//调用到该函数后说明播放器已加载成功，可以进行部分控制了。此时视频还没有加载完成，所以不能控制视频的播放，暂停，获取元数据等事件
player.addListener('duration', durationHandler); //监听元数据
}
function durationHandler(time,name){
//监听到元数据信息
alert('视频总时间：'+time+'，播放器名称：'+name);
}
</script> 监听功能说明
监听函数必需在播放器加载完成后使用，如上面的例子。
监听API列表
|
loadedmetadata
|
| 支持环境： |
html5，flashplayer |
| 功能说明： |
监听元数据加载成功 |
| 函数说明： |
该函数只能监听到元数据加载成功，并不会传递元数据，如需获取元数据需要手动获取，例：
var metaData = player.getMetaDate();
|
|
error
|
| 支持环境： |
html5，flashplayer |
| 功能说明： |
监听到播放出错 |
| 函数说明： |
包含广告视频出错
|
|
duration
|
| 支持环境： |
html5，flashplayer |
| 功能说明： |
监听总时间 |
| 函数说明： |
示例：addListener('duration', durationHandler); //监听播放时间
function durationHandler(duration) {
//'总时间（秒）：' + duration);
}
|
|
time
|
| 支持环境： |
html5，flashplayer |
| 功能说明： |
监听播放时间 |
| 函数说明： |
addListener('time', timeHandler);
function timeHandler(time) {
//'当前播放时间（秒）：' + time;
}
|
|
play
|
| 支持环境： |
html5，flashplayer |
| 功能说明： |
监听播放状态 |
| 函数说明： |
addListener('play', playHandler);
function playHandler() {
//正在播放
}
|
|
pause
|
| 支持环境： |
html5，flashplayer |
| 功能说明： |
监听暂停状态 |
| 函数说明： |
|
|
paused
|
| 支持环境： |
html5，flashplayer |
| 功能说明： |
监听是否暂停状态 |
| 函数说明： |
|
|
buffer
|
|
支持环境：
|
html5，flashplayer
|
|
功能说明：
|
监听缓冲状态
|
|
函数说明：
|
addListener('buffer', bufferHandler);
function bufferHandler(buffer){
//console.log(buffer);
}
|
|
seek
|
|
支持环境：
|
html5，flashplayer
|
|
功能说明：
|
监听跳转状态
function seekHandler(state,name){
consoloLog('时间跳转状态：'+state,name);
}
|
|
函数说明：
|
|
|
seekTime
|
|
支持环境：
|
html5，flashplayer
|
|
功能说明：
|
监听跳转时间
|
|
函数说明：
|
addListener('seekTime', seekTimeHandler);
function seekTimeHandler(time) {
//'seekTime:'+time);
}
|
|
volume
|
|
支持环境：
|
html5，flashplayer
|
|
功能说明：
|
监听音量改变
|
|
函数说明：
|
addListener('volume', volumeChangeHandler);
function volumeChangeHandler(vol) {
//'当前音量：' + vol);
}
|
|
full
|
|
支持环境：
|
html5，flashplayer
|
|
功能说明：
|
监听全屏/退出全屏
|
|
函数说明：
|
addListener('full', fullHandler);
function fullHandler(b) {
//'全屏'+b;
}
|
|
ended
|
|
支持环境：
|
html5，flashplayer
|
|
功能说明：
|
监听播放结束
|
|
函数说明：
|
|
|
screenshot
|
|
支持环境：
|
html5，flashplayer
|
|
功能说明：
|
监听截图
|
|
函数说明：
|
addListener('screenshot', screenshotHandler);
function screenshotHandler(obj){
//console.log(obj);
}
|
|
mouse
|
|
支持环境：
|
html5，flashplayer
|
|
功能说明：
|
监听鼠标坐标
|
|
函数说明：
|
addListener('mouse', mouseHandler);
function mouseHandler(obj) {
//'鼠标位置，x：'+obj['x']+'，y：'+obj['y'];
}
|
|
frontAd
|
|
支持环境：
|
html5，flashplayer
|
|
功能说明：
|
监听前置广告状态
|
|
函数说明：
|
addListener('frontAd', frontAdHandler);
function frontAdHandler(state) {
//'状态：'+state);
}
|
|
insertAd
|
|
支持环境：
|
html5，flashplayer
|
|
功能说明：
|
监听播放过程中插入广告状态
|
|
函数说明：
|
addListener('insertAd', insertAdHandler);
function insertAdHandler(state) {
//'状态：'+state);
}
|
|
endAd
|
|
支持环境：
|
html5，flashplayer
|
|
功能说明：
|
监听播放播放结束广告状态
|
|
函数说明：
|
addListener('endAd', endAdHandler);
function endAdHandler(state) {
//'状态：'+state);
}
|
|
pauseAd
|
|
支持环境：
|
html5，flashplayer
|
|
功能说明：
|
监听播放播放暂停广告状态
|
|
函数说明：
|
addListener('pauseAd', pauseAdHandler);
function pauseAdHandler(state) {
//'状态：'+state);
}
|
|
playbackRate
|
|
支持环境：
|
html5
|
|
功能说明：
|
监听播放速度改变
|
|
函数说明：
|
返回一个数组[速度,速度名称]
|
|
controlBar
|
|
支持环境：
|
html5,flashplayer
|
|
功能说明：
|
监听控制栏是否隐藏
|
|
函数说明：
|
返回一个布尔值,true/false
|
|
definitionChange
|
|
支持环境：
|
html5,flashplayer
|
|
功能说明：
|
监听清晰度改变
|
|
函数说明：
|
返回一个数字，指清晰度编号
|
|
clickEvent
|
|
支持环境：
|
html5,flashplayer
|
|
功能说明：
|
监听播放器元件点击事件
|
|
函数说明：
|
返回一个字符，触发的动作
|
|
resize
|
|
支持环境：
|
html5,flashplayer
|
|
功能说明：
|
监听播放器尺寸变化
|
|
函数说明：
|
不返回内容
|
