ckplayer自定义LOGO右键广告图方法

修改logo方法

该功能只能在初始化时进行配置，代码如下：

var videoObject = {

...

logo:'images/logo.png',

...

}

new ckplayer(videoObject );

如需修改logo的位置，则需要修改样式css文件中的.CKPlayer-ckplayer .ck-mAIn .ck-logo{}

示例代码：

<div class="video"></div>

<script>

var videoObject = {

container: '.video', //容器的ID或className

logo:'/public/static/ckplayer-x3/css/images/logo.png',

video:'website:../video.json'

};

new ckplayer(videoObject);

</script>

修改右键方法

在调用播放器初始化时进行配置

var videoObject = {

...

menu:[

{

title:'ckplayer',

link:'http://www.ckplayer.com'

},

{

title:'version:X3',

underline:true

},

{

title:'调用外部JS',

JavaScript:'hello'

},

{

title:'关于视频',

click:'aboutShow'

}

]

...

}

new ckplayer(videoObject);

function hello(){

alert('您好，朋友');

}

从上面代码中可以看出，右键菜单是以多个对象组成的数组形式进行配置，每个对象配置一行菜单。

对象属性说明：

title：菜单标题，必需

link：菜单链接地址：非必需

click：菜单单击触发内部事件，字符形式

javascript:菜单单击触发外部js，字符形式

underline：是否需要在当前菜单项下面显示间隔线

示例代码：

<div class="">.video</div>

<script>

var videoObject = {

container: '.video', //容器的ID或className

menu:[

{

title:'ckplayer',

link:'http://www.ckplayer.com',

underline:true

},

{

title:'播放/暂停',

click:'player.playOrPause',

},

{

title:'外部js',

click:'helle',

underline:true

},

{

title:'关于视频',

click:'aboutShow'

}

],

video:'website:../video.json'

};

new ckplayer(videoObject);

function helle(){

alert('您好，朋友');

}

</script>

修改广告方法

贴片广告

贴片广告的定义需要在初始化时进行。

方法是首先定义广告属性ad，ad的类型是object，ad里可以定义两个属性：front和pause，分别代表贴片广告和暂停广告。

front类型为object，可以定义贴片广告是否启用关闭广告按钮，显示关闭广告按钮的时间等属性，具体可以看下方的示例

示例代码：

<div class="video"></div>

<script>

var videoObject = {

container: '.video', //容器的ID或className

ad:{//定义广告

front:{//定义贴片广告

closeTime:3,//播放贴片广告时3秒后显示可关闭广告

closeButtonClick:'closeFront',//点击关闭按钮触发事件

list:[//贴片广告列表

{

file: '/ad/front.mp4',//视频地址

type: 'video/mp4',//视频格式

link:'httPs://www.ckplayer.com',//链接地址

time: 5//视频时长

},

{

file: '/ad/front.png',//图片地址

type: 'picture',//广告类别定义成picture

link: 'https://www.ckplayer.com',//链接地址

time: 5//广告时长

},

{

content: '.adfront',//广告内容为一个自定义的层

type: 'node',//广告类别定义成node

time: 5//广告播放时长

}

]

}

},

video:'website:../video.json'

};

var player=new ckplayer(videoObject);

function closeFront(){//用户点击关闭广告触发

player.closeFrontAd();//关闭广告

}

</script>

暂停广告

暂停广告需要在初始化时进行配置。

示例代码：

<div class="video"></div>

<script>

var videoObject = {

container: '.video', //容器的ID或className

ad:{//定义广告

pause:{//配置暂停广告

close:true,//暂停广告是否显示关闭按钮

list:[//暂停广告列表

{

file: '/ad/pause.png',//图片

link: 'https://www.ckplayer.com',

time: 5//显示时长

},

{

content: '.adpause',//显示一个层

type: 'node',//类别定义成node

time: 5//显示时长

}

]

}

},

video:'website:../video.json'

};

var player=new ckplayer(videoObject);

</script>

<div class="adpause">暂停广告<br />这是一个普通的DIV层，可以放置任意内容</div>