搜索:
向播放器添加插件
增加功能
使用说明
插件制作示例
监听动作插件
修改右键
修改/增加右键菜单
修改,添加右键

监听元数据

在查阅该文之前需要了解的内容如下:

播放器和网页进行交互的相关说明

网页跟播放器交互函数,JSAPI演示示例

网页跟播放器交互函数,JSAPI控制函数列表

网页跟播放器交互函数,JSAPI监听函数列表

正文:

下面是一个完整的监听元数据的信息:

<div id="video" style="width: 600px; height: 400px;"></div>
<script type="text/javascript" src="ckplayer/ckplayer.js"></script>
<script type="text/javascript">
	var videoObject = {
		container: '#video', //容器的ID或className
		variable: 'player',
		flashplayer: false, //是否需要强制使用flashplayer
		loaded: 'loadedHandler', //当播放器加载后执行的函数				
		video: 'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-sample/mydream_zh_768-432.mp4'
	};
	var player = new ckplayer(videoObject);

	function loadedHandler() {
		player.addListener('loadedmetadata', loadedMetaDataHandler); //监听元数据
	}

	function loadedMetaDataHandler() {
		var metaData = player.getMetaDate();
		var html = ''
		html += '总时间:' + metaData['duration'] + '秒,';
		html += '音量:' + metaData['volume'] + '(范围0-1),';
		html += '播放器的宽度:' + metaData['width'] + 'px,';
		html += '播放器的高度:' + metaData['height'] + 'px,';
		html += '视频宽度:' + metaData['videoWidth'] + 'px,';
		html += '视频高度:' + metaData['videoHeight'] + 'px,';
		html += '视频原始宽度:' + metaData['streamWidth'] + 'px,';
		html += '视频原始高度:' + metaData['streamHeight'] + 'px,';
		html += '是否暂停状态:' + metaData['paused'];
		console.log(html);
	}
</script>


建议了解以下相关内容:

监听视频播放错误

Powered by ckplayer.com
Copyright©ckplayer,2011-2017( 苏ICP备11026158号 )