<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ckplayer</title>
<script type="text/javascript" src="ckplayerx/ckplayer.js" charset="UTF-8"></script>
<style type="text/css">
body {
margin: 0;
padding: 0px;
font-family: "Microsoft YaHei", YaHei, "微软雅黑", SimHei, "黑体";
font-size: 14px
}
</style>
</head>
<body>
<div id="video" style="width: 600px; height: 400px;"></div>
<script type="text/javascript">
var videoObject = {
//playerID:'ckplayer01',//播放器ID,第一个字符不能是数字,用来在使用多个播放器时监听到的函数将在所有参数最后添加一个参数用来获取播放器的内容
container: '#video', //容器的ID或className
variable: 'player', //播放函数名称
loaded: 'loadedHandler', //当播放器加载后执行的函数
loop: true, //播放结束是否循环播放
//autoplay: true, //是否自动播放
//duration: 500, //设置视频总时间
cktrack: 'material/srt.srt', //字幕文件
poster: 'material/poster.jpg', //封面图片
preview: { //预览图片
file: ['material/mydream_en1800_1010_01.png', 'material/mydream_en1800_1010_02.png'],
scale: 2
},
config: '', //指定配置函数
debug: true, //是否开启调试模式
//flashplayer: true, //强制使用flashplayer
drag: 'start', //拖动的属性
seek: 0, //默认跳转的时间
//playbackrate:1,//默认速度的编号,只对html5有效,设置成-1则不显示倍速
//advertisements:'website:ad.json',
//front:'frontFun',//上一集的操作函数
//next:'nextFun',//下一集的操作函数
//广告部分开始
adfront: 'http://www.ckplayer.com/yytf/swf/front001.swf,http://www.ckplayer.com/yytf/swf/front002.swf', //前置广告
adfronttime: '15,15',
adfrontlink: '',
adpause: 'http://www.ckplayer.com/yytf/swf/pause001.swf,http://www.ckplayer.com/yytf/swf/pause002.swf',
adpausetime: '5,5',
adpauselink: '',
adinsert: 'http://www.ckplayer.com/yytf/swf/insert001.swf,http://www.ckplayer.com/yytf/swf/insert002.swf',
adinserttime: '10,10',
adinsertlink: '',
inserttime: '10,80',
adend: 'http://www.ckplayer.com/yytf/swf/end001.swf,http://www.ckplayer.com/yytf/swf/end002.swf',
adendtime: '15,15',
adendlink: '',
//广告部分结束
promptSpot: [ //提示点
{
words: '提示点文字01',
time: 30
},
{
words: '提示点文字02',
time: 150
}
],
//mobileCkControls:true,//是否在移动端(包括ios)环境中显示控制栏
//live:true,//是否是直播视频,true=直播,false=点播
video: [
['http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
['http://img.ksbbs.com/asset/Mon_1703/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
['http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 10],
['http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0]
]
};
var player = new ckplayer(videoObject);
function loadedHandler() {
player.addListener('error', errorHandler); //监听视频加载出错
player.addListener('loadedmetadata', loadedMetaDataHandler); //监听元数据
player.addListener('duration', durationHandler); //监听播放时间
player.addListener('time', timeHandler); //监听播放时间
player.addListener('play', playHandler); //监听暂停播放
player.addListener('pause', pauseHandler); //监听暂停播放
player.addListener('buffer', bufferHandler); //监听缓冲状态
player.addListener('seek', seekHandler); //监听跳转播放完成
player.addListener('seekTime', seekTimeHandler); //监听跳转播放完成
player.addListener('volume', volumeChangeHandler); //监听音量改变
player.addListener('full', fullHandler); //监听全屏/非全屏切换
player.addListener('ended', endedHandler); //监听播放结束
player.addListener('screenshot', screenshotHandler); //监听截图功能
player.addListener('mouse', mouseHandler); //监听鼠标坐标
player.addListener('frontAd', frontAdHandler); //监听前置广告的动作
player.addListener('wheel', wheelHandler); //监听视频放大缩小
player.addListener('controlBar', controlBarHandler); //监听控制栏显示隐藏事件
player.addListener('clickEvent', clickEventHandler); //监听点击事件
player.addListener('definitionChange', definitionChangeHandler); //监听清晰度切换事件
player.addListener('speed', speedHandler); //监听加载速度
}
function errorHandler() {
console.log('出错')
changeText('.playerstate', '状态:视频加载错误,停止执行其它动作,等待其它操作');
}
function loadedMetaDataHandler() {
var metaData = player.getMetaDate();
//console.log(metaData)
var html = ''
//console.log(metaData);
if(parseInt(metaData['videoWidth']) > 0) {
changeText('.playerstate', '状态:获取到元数据信息,如果数据错误,可以使用延迟获取');
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'];
} else {
changeText('.playerstate', '状态:未正确获取到元数据信息');
html = '没有获取到元数据';
}
changeText('.metadata', html);
}
function playHandler() {
//player.animateResume();//继续播放所有弹幕
changeText('.playstate', getHtml('.playstate') + ' 播放');
window.setTimeout(function() {
loadedMetaDataHandler();
}, 1000);
loadedMetaDataHandler();
}
function pauseHandler() {
//player.animatePause();//暂停所有弹幕
changeText('.playstate', getHtml('.playstate') + ' 暂停');
loadedMetaDataHandler();
}
function timeHandler(time) {
changeText('.currenttimestate', '当前播放时间(秒):' + time);
}
function durationHandler(duration) {
changeText('.duration', '总时间(秒):' + duration);
}
function seekHandler(state) {
changeText('.seekstate', getHtml('.seekstate') + ' ' + state);
}
function seekTimeHandler(time) {
changeText('.seekstate', getHtml('.seekstate') + ' seekTime:' + time);
}
function bufferHandler(buffer) {
//console.log(buffer);
changeText('.bufferstate', '缓冲:' + buffer);
}
function volumeChangeHandler(vol) {
changeText('.volumechangestate', '当前音量:' + vol);
}
function speedHandler(n) {
changeText('.speed', '当前加载速率:' + n);
}
function screenshotHandler(obj) {
changeText('.screenshot', '图片名称:' + obj['name'] + ',截图对象:' + obj['object'] + ',是否用户保存:' + obj['save'] + ',图片:<img src="' + obj['base64'] + '">');
}
function fullHandler(b) {
if(b) {
html = ' 全屏';
} else {
html = ' 否';
}
changeText('.fullstate', getHtml('.fullstate') + html);
}
function endedHandler() {
changeText('.endedstate', '播放结束');
}
function mouseHandler(obj) {
changeText('.mouse', '鼠标位置,x:' + obj['x'] + ',y:' + obj['y']);
}
function frontAdHandler(status) {
changeText('.frontad', getHtml('.frontad') + ' ' + status);
}
var zoomNow = 1;
function wheelHandler(n) {
if(n >

刘文
- 粉丝: 25
最新资源
- Py程序在终端运行时闪退的解决方法
- torch版本2.7.1cpu 版本 python 版本3.13 windows 平台 内部清华源
- C++ 面向对象思想 MFC可视化 学生成绩管理系统课设
- Java+开发工具+社区版
- 基于传统图像处理的植物根系分析
- 利用stm32cubemx生成单极性倍频spwm调制代码;基于stm32f407vet6
- 《MAZAK数控机床操作指导手册》
- epson L4158 L4168 废墨收集垫清零软件一定要用usb联接 能识别出打印机型号
- 硬件十万个为什么 电源是怎样炼成的.pdf
- RANSAC算法在测绘程序设计大赛中的实战指南(2025国赛选题一)-C#完整源代码
- 宝马汽车销售分类数据集,从 2010 年至 2024 年间不同车型在多个地区的销售情况 共包含 50,000 条记录,每条记录涵盖了车辆的关键属性、定价信息及区域销售表现,适用于数据分析、机器学习
- 【雷达信号处理】基于运动与微多普勒特征的鸟和无人机识别系统设计及创新优化了文档的主要内容
- chury studio 1.4.9
- D-一种柔顺机械手抓取分析与结构优化_李红.pdf
- Robust_Quasi-Predictive_Control_of_LCL-Filtered_Grid_Converters.pdf
- EasyUI Combobox Onchange 事件响应实例
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈


