ckplayer默认html,ckplayer.html

最新推荐文章于 2021-06-27 12:20:40 发布
最新推荐文章于 2021-06-27 12:20:40 发布
阅读量672 收藏
点赞数
文章标签： ckplayer默认html
ckplayer

body {

margin: 0;

padding: 0px;

font-family: "Microsoft YaHei", YaHei, "微软雅黑", SimHei, "黑体";

font-size: 14px

}

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://video.xuecheng.com/video/lucene.m3u8', 'video/m3u8', '超清', 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'] + ',图片：'%20+%20obj%5B'base64'%5D%20+%20'');

}

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 > 0) {

if(zoomNow < 5) {

zoomNow += 0.1;

}

} else {

if(zoomNow > 0) {

zoomNow -= 0.1;

}

}

player.videoZoom(zoomNow);//支持鼠标滚轮控制放大缩小

}

function controlBarHandler(show){

if(show) {

html = ' 显示';

} else {

html = ' 隐藏';

}

changeText('.controlBar', getHtml('.controlBar') + html);

}

function clickEventHandler(eve){

changeText('.clickEvent', getHtml('.clickEvent') + ' '+eve);

}

function definitionChangeHandler(num){

changeText('.definitionChange', getHtml('.definitionChange') + ',切换清晰度编号'+num);

}

var videoChangeNum = 0;

function seekTime() {

var time = parseInt(player.getByElement('.seektime').value);

var metaData = player.getMetaDate();

var duration = metaData['duration'];

if(time < 0) {

alert('请填写大于0的数字');

return;

}

if(time > duration) {

alert('请填写小于' + duration + '的数字');

return;

}

player.videoSeek(time);

}

function changeVolume() {

var volume = player.getByElement('.changevolume').value;

volume = Math.floor(volume * 100) / 100

if(volume < 0) {

alert('请填写大于0的数字');

return;

}

if(volume > 1) {

alert('请填写小于1的数字');

return;

}

player.changeVolume(volume);

}

function changeSize() {

player.changeSize(w, h)

}

function frontFun() {

alert('点击了前一集');

}

function nextFun() {

alert('点击了下一集');

}

function adjump() {

alert('点击了跳过广告按钮');

}

function newVideo() {

var videoUrl = player.getByElement('.videourl').value;

changeVideo(videoUrl);

}

function newVideo2() {

var videoUrl = player.getByElement('.videourl2').value;

changeVideo(videoUrl);

}

function changeVideo(videoUrl) {

if(player == null) {

return;

}

var newVideoObject = {

container: '#video', //容器的ID

variable: 'player',

autoplay: true, //是否自动播放

loaded: 'loadedHandler', //当播放器加载后执行的函数

video: videoUrl

}

//判断是需要重新加载播放器还是直接换新地址

if(player.playerType == 'html5video') {

if(player.getFileExt(videoUrl) == '.flv' || player.getFileExt(videoUrl) == '.m3u8' || player.getFileExt(videoUrl) == '.f4v' || videoUrl.substr(0, 4) == 'rtmp') {

player.removeChild();

player = null;

player = new ckplayer();

player.embed(newVideoObject);

} else {

player.newVideo(newVideoObject);

}

} else {

if(player.getFileExt(videoUrl) == '.mp4' || player.getFileExt(videoUrl) == '.webm' || player.getFileExt(videoUrl) == '.ogg') {

player = null;

player = new ckplayer();

player.embed(newVideoObject);

} else {

player.newVideo(newVideoObject);

}

}

}

var elementTemp = null; //保存元件

function newElement() {

if(elementTemp != null) {

alert('为了演示的简单性，本实例只能建立一个元件');

return;

}

var attribute = {

list: [ //list=定义元素列表

{

type: 'png', //定义元素类型：只有二种类型，image=使用图片，text=文本

file: 'material/logo.png', //图片地址

radius: 30, //图片圆角弧度

width: 30, //定义图片宽，必需要定义

height: 30, //定义图片高，必需要定义

alpha: 0.9, //图片透明度(0-1)

marginLeft: 10, //图片离左边的距离

marginRight: 10, //图片离右边的距离

marginTop: 10, //图片离上边的距离

marginBottom: 10, //图片离下边的距离

clickEvent: "link->http://www.ckplayer.com"

}, {

type: 'text', //说明是文本

text: '演示弹幕内容，弹幕只支持普通文本，不支持HTML', //文本内容

color: '0xFFDD00', //文本颜色

size: 14, //文本字体大小，单位：px

font: '"Microsoft YaHei", YaHei, "微软雅黑", SimHei,"\5FAE\8F6F\96C5\9ED1", "黑体",Arial', //文本字体

leading: 30, //文字行距

alpha: 1, //文本透明度(0-1)

paddingLeft: 10, //文本内左边距离

paddingRight: 10, //文本内右边距离

paddingTop: 0, //文本内上边的距离

paddingBottom: 0, //文本内下边的距离

marginLeft: 0, //文本离左边的距离

marginRight: 10, //文本离右边的距离

marginTop: 10, //文本离上边的距离

marginBottom: 0, //文本离下边的距离

backgroundColor: '0xFF0000', //文本的背景颜色

backAlpha: 0.5, //文本的背景透明度(0-1)

backRadius: 30, //文本的背景圆角弧度

clickEvent: "actionScript->videoPlay"

}

],

x: 10, //元件x轴坐标，注意，如果定义了position就没有必要定义x,y的值了，x,y支持数字和百分比，使用百分比时请使用单引号，比如'50%'

y: 50, //元件y轴坐标

//position:[1,1],//位置[x轴对齐方式(0=左，1=中，2=右)，y轴对齐方式(0=上，1=中，2=下)，x轴偏移量(不填写或null则自动判断，第一个值为0=紧贴左边，1=中间对齐，2=贴合右边)，y轴偏移量(不填写或null则自动判断，0=紧贴上方，1=中间对齐，2=紧贴下方)]

alpha: 1, //元件的透明度

backgroundColor: '0xFFDD00', //元件的背景色

backAlpha: 0.5, //元件的背景透明度(0-1)

backRadius: 60, //元件的背景圆角弧度

clickEvent: "actionScript->videoPlay"

}

elementTemp = player.addElement(attribute);

}

function deleteElement() {

if(elementTemp != null) {

player.deleteElement(elementTemp);

elementTemp = null;

} else {

alert('演示删除元件需要先添加');

}

}

function newDanmu() {

//弹幕说明

var danmuObj = {

list: [{

type: 'image', //定义元素类型：只有二种类型，image=使用图片，text=文本

file: 'material/logo.png', //图片地址

radius: 30, //图片圆角弧度

width: 30, //定义图片宽，必需要定义

height: 30, //定义图片高，必需要定义

alpha: 0.9, //图片透明度(0-1)

marginLeft: 10, //图片离左边的距离

marginRight: 10, //图片离右边的距离

marginTop: 10, //图片离上边的距离

marginBottom: 10, //图片离下边的距离

clickEvent: "link->http://"

}, {

type: 'text', //说明是文本

text: '演示弹幕内容，弹幕只支持普通文本，不支持HTML', //文本内容

color: '0xFFDD00', //文本颜色

size: 14, //文本字体大小，单位：px

font: '"Microsoft YaHei", YaHei, "微软雅黑", SimHei,"\5FAE\8F6F\96C5\9ED1", "黑体",Arial', //文本字体

leading: 30, //文字行距

alpha: 1, //文本透明度(0-1)

paddingLeft: 10, //文本内左边距离

paddingRight: 10, //文本内右边距离

paddingTop: 0, //文本内上边的距离

paddingBottom: 0, //文本内下边的距离

marginLeft: 0, //文本离左边的距离

marginRight: 10, //文本离右边的距离

marginTop: 10, //文本离上边的距离

marginBottom: 0, //文本离下边的距离

backgroundColor: '0xFF0000', //文本的背景颜色

backAlpha: 0.5, //文本的背景透明度(0-1)

backRadius: 30, //文本的背景圆角弧度

clickEvent: "actionScript->videoPlay"

}],

x: '100%', //x轴坐标

y: "50%", //y轴坐标

//position:[2,1,0],//位置[x轴对齐方式(0=左，1=中，2=右)，y轴对齐方式(0=上，1=中，2=下)，x轴偏移量(不填写或null则自动判断，第一个值为0=紧贴左边，1=中间对齐，2=贴合右边)，y轴偏移量(不填写或null则自动判断，0=紧贴上方，1=中间对齐，2=紧贴下方)]

alpha: 1,

//backgroundColor:'#FFFFFF',

backAlpha: 0.8,

backRadius: 30 //背景圆角弧度

}

var danmu = player.addElement(danmuObj);

var danmuS = player.getElement(danmu);

var obj = {

element: danmu,

parameter: 'x',

static: true, //是否禁止其它属性，true=是，即当x(y)(alpha)变化时，y(x)(x,y)在播放器尺寸变化时不允许变化

effect: 'None.easeOut',

start: null,

end: -danmuS['width'],

speed: 10,

overStop: true,

pauseStop: true,

callBack: 'deleteChild'

};

var danmuAnimate = player.animate(obj);

}

function deleteChild(ele) {

if(player) {

player.deleteElement(ele);

}

}

function changeText(div, text) {

player.getByElement(div).innerHTML = text;

}

function getHtml(div) {

return player.getByElement(div).innerHTML;

}

var zoom = 1;

官网：http://www.ckplayer.com,版本号：X

以下仅列出部分功能，全部功能请至官网

《手册》查看

播放

暂停

播放/暂停

静音

取消静音

清除视频(仅flashplayer)

获取元数据

添加元件

删除元件

添加弹幕

视频截图(需要视频权限)

播放器截图(需要视频权限)

暂停广告(仅flashplayer)

继续播放广告(仅flashplayer)

关闭(结束)广告(仅flashplayer)

显示控制栏

隐藏控制栏

默认角度

顺时针旋转

逆时针旋转

旋转90

旋转180

旋转270

旋转-90

旋转-180

旋转-270

默认大小

放大

缩小

默认速度(仅H5)

0.5倍(仅H5)

1.5倍(仅H5)

2倍(仅H5)

正常拖动

不能拖动

只能前进(向右拖动)

只能后退

能回到第一次拖动时的位置

看过的地方可以随意拖动

原始比例(仅flashplayer)

4:3(仅flashplayer)

16:9(仅flashplayer)

调整亮度(仅flashplayer)

恢复亮度(仅flashplayer)

调整对比度(仅flashplayer)

恢复对比度(仅flashplayer)

调整饱和度(仅flashplayer)

恢复饱和度(仅flashplayer)

调整色相(仅flashplayer)

恢复色相(仅flashplayer)

播放

播放

单独监听功能：

播放状态：

跳转状态:无

缓冲:100

加载速率：0

当前音量：0.8

是否全屏：否

控制栏：显示

还未结束

当前播放时间(秒)：0

前置广告状态：

鼠标位置

切换清晰度：

点击监听：

监听截图功能(截图功能需要视频权限)

一键复制

编辑

Web IDE

原始数据

按行查看

历史

菊果子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html ckplayer.swf,Flash基础入门之ckplayer.js视频播放插件
weixin_39845461的博客
06-23 605
本文主要向大家介绍了Flash基础入门之ckplayer.js视频播放插件，通过具体的内容向大家展现，希望对大家学习Flash基础入门有所帮助。网页中常见的功能就是播放视频，下面介绍的这个ckplayer.js既可以在pc端播放，也可以在手机网页上播放。可调用flash也可以调用html5播放器：varflashvars={f:‘http://movie.ks.js.cn/flv/other/1...
html调用ckplayer说明,关于ckplayer.js 对播放器控制的参数详细介绍
weixin_39853843的博客
06-07 1313
setup: '1,1,1,1,1,2,0,1,2,0,0,1,200,0,2,1,0,1,p,1,2,0,3,0,1,2,3000,0,0,0,0,1,1,1,1,3,1,250,0,90,0,0,0',/* 19 22这是配置文件里比较重要的一个参数，共有N个功能控制参数，并且以后会继续的增加，各控制参...
CKplayer 支持HTML5移动设备的视频播放器 v6.4.rar
07-10
ckplayer是一款在网页上播放视频的免费播放器，主要以adobe的flash CS5开发，支持html5视频播放，可以在Ipad，Iphone等IOS平台上播放视频，ckplayer是一个前台程序，不涉及asp,php,jsp,.net等服务器端代码，也不涉及到对服务器的操作(即不需要写入权限)，所以不存在安全方面的问题。 　　使用注意：crossdomain.xml文件直接拷贝到网站根目录下，很重要，不然有时会导致有些浏览器不兼容。文件说明： 　　adjustment.fla 调整比例插件 　　mylogo.fla 官方的logo源文件 　　Preview.fla 视频预览源文件 　　related.fla 播放结束显示精彩视频的源文件 　　right.fla 右边开关灯的源文件 　　share.fla 分享源文件
ckplayer 支持HTML5的网页视频播放器 v6.9.rar
07-10
ckplayer网页播放器代码，一款功能强大的网页版视频播放器，支持丰富的视频格式在线播放，内含详细的配置说明，使用时请注意，要把crossdomain.xml文件直接拷贝到网站根目录下，很重要，请不要双击直接打开HTML里面，原则上需要在服务器环境下才可以正常使用，详细功能可查看：http://www.ckplayer.com/manual/14/16.htm
html调用ckplayer说明,[配置文件]ckplayer.js文件功能说明-ckplayer使用方法
weixin_30989967的博客
06-07 915
该文件是ckplayer的一个重要文件，在站内调用视频时建议引入该文件，主要功能如下：1：提供一套使用JS调用播放器的函数，即CKobject(函数)对象，该对象可以自行判断平台(浏览器)的类型以调用适应平台的播放模式(自动选择使用flashplayer播放还是HTML5的Video播放)，同时也支持仅调用flashplayer播放或仅调用HTML5播放。另外，该对象提供HTML5的监听，交互以及...
超酷flv播放器CKplayer 6.7.zip
05-28
超酷flv播放器-CKplayer，超酷的网页播放器，支持http协议下的flv、f4v、mp4,还支持rtmp视频流，是你做视频直播，视频播放的理想播放器。 超酷flv播放器CKplayer...控制html5下控制栏是否显示，默认true，false=隐藏
Maccms8.x整合Ckplayer6.4.rar
09-11
《Maccms8.x与Ckplayer6.4的整合详解》 ...Ckplayer则是一款知名的网页Flash视频播放器，...但需要注意的是，随着HTML5的普及，未来可能需要考虑将Ckplayer与HTML5视频播放器进行融合，以适应更多设备和浏览器的需求。
ckplayer.zip
10-07
这个"ckplayer.zip"压缩包提供了一个优化版本的CKPlayer，去除了默认的logo，使得在网页中集成时更加简洁，没有额外的品牌标识。同时，该版本还对样式进行了优化，可以更好地与各种网页设计风格融合，提升用户体验。...
ckplayer网页播放视频代码.zip
11-16
在HTML部分，`<video>`标签是关键，其属性如`src`定义视频源，`controls`添加默认控制条，`autoplay`设置自动播放，`loop`使视频循环播放等。例如： ```html <video id="ckplayer" src="your_video.mp4" controls> `...
ckplayer6.3完整版-byckplayer.rar
02-26
ckplayer集成了对swf和html5的支持，PC机，Iphone，Ipad，Android系统等主流平台都可以使用ckplayer播放视频 支持流行视频格式flv，f4v，mp4，支持html5格式m3u8，webm，ogg theora，mp4以及支持RTMP协议下的视频...
player.html-一个文件插入式视频播放器Web应用程序，用于使用通过基本目录列表提供的MP4视频文件。-JavaScript开发
05-26
player.html-一个文件插入式视频播放器Web应用程序，用于使用通过基本目录列表提供的MP4视频文件。 player.html一个文件插入式视频播放器Web应用程序，用于使用通过基本目录列表提供的MP4视频文件。 用法player.html被设计为不需要任何配置或其他文件的嵌入式视频播放器。 要使用它，请将./src/player.html文件复制到使用Web服务器的文件夹列表功能通过HTTP服务的文件夹中。 player.html基本上使用文件夹列表作为API来枚举文件和文件夹。 它几乎适用于任何网络
player.html:一个文件插入式视频播放器Web应用程序，用于使用通过基本目录列表提供的视频文件
04-01
player.html 一个文件插入式视频播放器Web应用程序，用于使用通过基本目录列表提供的MP4视频文件。 用法 player.html被设计为不需要任何配置或其他文件的player.html视频播放器。 要使用它，请将文件复制到使用Web服务器的文件夹列表功能通过HTTP服务的文件夹中。 player.html基本上使用文件夹列表作为API来枚举文件和文件夹。 它几乎可以与任何Web服务器一起使用，但仅针对NGINX，Apache和IIS进行过测试。 支持的功能 只有1个文件具有零外部依赖关系 内联 可以作为PWA（渐进式Web应用程序）应用程序安装。 动态生成的内联数据URI清单文件。 使用浏览器视频引擎播放MP4 ， M4V ， MOV ， MKV ， WEBM和OGG文件 支持加载外部SRT和VTT字幕文件 可共享的URL，它将在同一文件夹位置和视频位置加载player
ckplayer(超酷网页视频播放器)
09-20
ckplayer(超酷网页视频播放器),支持http协议下的flv,f4v,mp4,支持rtmp视频流和rtmp视频回放,支持m3u8格式,是你做视频直播,视频点播的理想播放器
H5网页视频播放插件ckplayer.js
11-02
最新版本的ckplayer-x1 直接支持了html5播放m3u8格式的视频，安卓手机上也可以播放，但ios支持不太好，仅供大家参考使用
ckplayer 播放m3u8
02-24
播放m3u8和rtmp等文件........................................................
ckplayer只调用html,CKplayer 新手入门超简单使用教程
weixin_29382667的博客
06-05 1076
网页播放器都有使用的前提(问1)。~~~~~~~分隔线~~~~~~~只需一步先看播放器效果(问2)：下载附件，解压内容(ckplayer文件夹和ckplayer.html)到网站根目录，在浏览器中打开你的调试网站就可以看到网页播放效果，如：http://localhost/ckplayer.html~~~~~~~分隔线，正题，使用步骤~~~~~~~1、同上，下载附件并解压到网站根目录，在你的网站测...
ckplayer html播放本地,本地化DPLAYER和CKPLAYER播放器自动下一集
weixin_34275113的博客
06-27 1736
目录下的static/player/dplayer.html文件查找try{在以上代码前插入以下代码dp.on('ended', function (){if(parent.MacPlayer.PlayLinkNext!=''){top.location.href = parent.MacPlayer.PlayLinkNext;}});效果图你采集的资源站M3U8地址的话，可以使用本地DPLAYE...
ckplayer只调用html,Ckplayer的安装及调用
weixin_42639246的博客
06-05 1083
一、浏览器环境现状支持HTML5标准的各浏览器，对视频格式的支持：HTML5各平台对播放器重要功能的支持：二、ckplayer环境及格式要求安装了flashplayer插件的浏览器支持HTML5规范的浏览器在PC端，目前各主流浏览器的新版本基本都默认安装了flashplayer插件。在移动端，各主流浏览器基本都支持HTML5标准，虽然各浏览器厂商在支持的标准上有一定的区别，但目前HTML5标准的制...
html ckplayer不显示,CKplayer纯净播放器设置示例(可不显示广告)
weixin_33734087的博客
06-17 259
ckplayer，可以能够自定义视频风格，播放器自身是无广告的，你可以自定义显示自己的广告，也可以什么都不显示，这一切，均可以在风格文件中设置，两种风格文件 xml 和 js 设置参数一致。打开你的风格文件，比如 ckplayer.xml ckplayer.js，你可以根据需要设置以下几个地方：1、mylogo：不想显示打开播放器时的默认 LOGO (在视频加载失败时，也会显示这个 LOGO )，...
uniapp ckplayer
最新发布
06-01
1. 在UniApp项目中的static目录下创建一个名为ckplayer的文件夹，将CKPlayer的相关文件放入其中，包括ckplayer.js、ckplayer.swf和skins等。 2. 在需要使用CKPlayer的页面中，引入ckplayer.js文件。 3. 在页面中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值