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

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

涉及到本教程的相关收费视频教程如下:

在控制栏上添加一个按钮,实现自定义的功能(价格:¥5.00)

制作一个试看功能-本功能只支持在PC端上使用(价格:¥8.00)

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

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

正文:

本演示的功能:1、调用播放器,2、播放器加载后添加一个监听时间的功能,3、播放器加载后添加一个控制播放的功能。

<div class="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,“.”或“”代表容器的class
		variable: 'player',//该属性必需设置,值等于下面的new chplayer()的对象
		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('time', timeHandler); //监听播放时间,addListener是监听函数,需要传递二个参数,'time'是监听属性,这里是监听时间,timeHandler是监听接受的函数
	}
	function timeHandler(t){
		console.log('当前播放的时间:'+t);
	}
</script>
<input type="button" value="播放" onclick="player.videoPlay()">


建议了解以下相关内容:

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

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