开源ckplayer网页播放器去Logo去广告去水印修改
<p>本教程涉及到以下各点，点击对应标题页面将直接滑动到相应内容：</p><ul class="index_nav list-paddingleft-2">
<li>1：修改或去掉播放器前置logo</li>
<li>2：修改或去掉右上角的logo</li>
<li>3：修改、关闭、设置滚动文字广告</li>
<li>4：去掉右边的开关灯分享插件</li>
<li>5：保留右边插件，但不用开关灯</li>
<li>6：分享功能的使用及注意点</li>
<li>7：前置广告顺序/随机播放或随机播放多个广告中的一个</li>
<li>8：让控制栏永远隐藏</li>
<li>9：锁定进度栏，让它跟着时间变化而变化，但是不能拖动</li>
<li>10：让视频离播放器下方的距离为0</li>
<li>11：视频加载失败时的提示文字和文字的位置设置</li>
<li>12：禁止用户拖动进度条</li>
</ul>
<h2>修改或去掉播放器前置logo</h2>
<p>第一步：把ckplayer/目录下的style.swf修改成style.zip，把自己做好的logo文件，官方默认使用的logo.swf,你也可以 使用logo.png.logo.jpg图片格式的，拖进style.zip里，然后再把style.zip改回style.swf<br>
第二步：打开ckplayer.js和ckplayer.xml</p>
<p>第一种：不使用前置logo<br>
找到(ckplayer.js)mylogo: ‘logo.swf’,<br>
ckplayer.xml里对应的是<mylogo>logo.swf</mylogo></p>
<p>分别设置成</p>
<p>mylogo:’null’,<br>
<mylogo>null</mylogo></p>
<p>第二种：修改前置logo</p>
<p>找到(ckplayer.js)mylogo: ‘logo.swf’,<br>
ckplayer.xml里对应的是<mylogo>logo.swf</mylogo></p>
<p>替换成你的logo的名称</p>
<p>找到(ckplayer.js)pm_mylogo: ‘1,1,-100,-55’,<br>
ckplayer.xml里对应的是<pm_mylogo>1,1,-100,-55</pm_mylogo></p>
<p>这里是修改位置的，关于修改位置的四个参数的作用和用法请参考：</p>
<p><strong>修改后一定要清浏览器的缓存</strong></p>
<h2>修改或去掉右上角的logo</h2>
<p>第 一步：把ckplayer/目录下的style.swf修改成style.zip，把自己做好的logo文件，官方默认使用的cklogo.png,你也 可以使用cklogo.swf（flash格式）或cklogo.jpg（图片格式）的，拖进style.zip里，然后再把style.zip改回 style.swf</p>
<p>第二步：打开ckplayer.js和ckplayer.xml</p>
<p>第一种：不使用logo<br>
找到(ckplayer.js)logo: ‘cklogo.png’,<br>
ckplayer.xml里对应的是<logo>cklogo.png</logo></p>
<p>分别设置成</p>
<p>logo:’null’,<br>
<logo>null</logo></p>
<p>第二种：修改logo<br>
找到(ckplayer.js)logo: ‘cklogo.png’,<br>
ckplayer.xml里对应的是<logo>cklogo.png</logo></p>
<p>替换成你的logo的名称</p>
<p>找到(ckplayer.js)pm_logo: ‘2,0,-100,20’,<br>
ckplayer.xml里对应的是<pm_logo>2,0,-100,20</pm_logo></p>
<p>这里是修改位置的，关于修改位置的四个参数的作用和用法请参考</p>
<p><strong>修改后一定要清浏览器的缓存</strong></p>
<h2>修改、关闭、设置滚动文字广告</h2>
<p>关闭滚动文字广告的方法很简单</p>
<p>打开ckplayer.js和ckplayer.xml</p>
<p>找到setup:”参数和<setup></setup></p>
<p>第9个参数设置成0就可以关闭了</p>
<p>第9个参数的意思如下：</p>
<p>是否开启滚动文字广告，0是不开启，1是开启且不使用关闭按钮，2是开启并且使用关闭按钮，开启后将在加载视频的时候加载滚动文字广告</p>
<p>使用（修改）滚动文字广告</p>
<p>前提是你需要开启滚动文字广告，开启的方法如上面所说的</p>
<p><strong>第一种方法：在ckplayer.js或ckplayer.xml里修改滚动文字广告</strong></p>
<p>然后找到ckplayer.js中的advmarquee:”,</p>
<p>或ckplayer.xml中的<advmarquee></advmarquee></p>
<p>修改里面的内容，注意在ckplayer.xml里修改文字广告可以使用html语法，但是要注意的是把”<“换成”{“，”>”换成”}”</p>
<p><strong>第二种方法：在页面里实时展示文字广告</strong></p>
<p>首先要把ckplayer.js中的advmarquee:”里的内容清空（对应的ckplayer.xml里的也清空）</p>
<p>然后在调用播放器的页面里设置一个js函数供播放器调用，代码如下：</p>
<p>Js代码</p>
<ol class="dp-c list-paddingleft-2" start="1">
<li><script><span class="keyword">function</span> ckmarqueeadv(){<span class="keyword">return</span> <span class="string">‘广告内容’</span>;}</script></li>
</ol>
<p>这里的 ckmarqueeadv函数也可以换成别的函数，修改方法是在ckplayer.js中的ckstyle()中的 calljs参数（ckplayer.xml里也有对应的）</p>
<p><strong>修改后一定要清浏览器的缓存</strong></p>
<p>文字向上滚动的方法设置</p>
<p>要注意二点：</p>
<p>一：ckplayer.js中的ckstyle()函数里的pm_advmarquee参数（ckplayer.xml里对应的是<pm_advmarquee></pm_advmarquee>）</p>
<p>该参数的第10个值设置成1，就可以实现向上或向下滚动了</p>
<p>第6个值和第13个值要保持一致，你可以先设置成16测试一下二：设置文字广告时需要在前面增加一个{br}换行符号，如{br}1{br}2</p>
<h2>去掉右边的开关灯分享插件</h2>
<p>ckplayer.js里</p>
<p>找到下面三行删除掉</p>
<p>cpt += ‘right.swf,2,1,-75,-100,2,0|’;//右边开关灯，调整，分享按钮的插件<br>
cpt += ‘share.swf,1,1,-180,-100,3,0|’;//分享插件<br>
cpt += ‘adjustment.swf,1,1,-180,-100,3,0|’;//调整大小和颜色的插件</p>
<p>ckplayer.xml里找到下面三行删除掉</p>
<p><cpt>right.swf,2,1,-75,-100,2,0</cpt><!–右边开关灯，调整，分享按钮的插件–><br>
<cpt>share.swf,1,1,-180,-100,3,0</cpt><!–分享插件–><br>
<cpt>adjustment.swf,1,1,-180,-100,3,0</cpt><!–调整大小和颜色的插件–</p>
<p>再到style.swf(改成style.zip)里把right.swf,share.swf,adjustment.swf这三个插件删除掉</p>
<h2>保留右边插件，但不用开关灯</h2>
<p>ckplayer.js里：cpt_lights:’0′,</p>
<p>ckplayer.xml里：<cpt_lights>0</cpt_lights></p>
<p><strong>修改后一定要清浏览器的缓存</strong></p>
<h2>分享功能的使用及注意点</h2>
<p>我们假设你的ckplayer是放在网站根目录下的，比如你的播放器地址是<br>
http://www.你的域名.com/ckplayer/ckplayer.swf<br>
注意这个路径</p>
<p>下面开始设置<br>
<strong>第一步：<br>
</strong>http://www.你的域名.com/ckplayer/ckplayer.js中找到cpt_share:”参数<br>
改成cpt_share:’http://www.你的域名.com/ckplayer/share.xml’,</p>
<p>http://www.你的域名.com/ckplayer/ckplayer.xml中找到<cpt_share></cpt_share><br>
改成<br>
http://www.你的域名.com/ckplayer/share.xml</p>
<p><strong>第二步：<br>
</strong>打开http://www.你的域名.com/ckplayer/share.xml这个文件<br>
找到参数里面的<br>
{embed src=”http://www.你的域名.com/ckplayer/ckplayer.swf”<br>
注意这里要设置成绝对路径</p>
<p>http://www.你的域名.com/ckplayer/ckplayer.swf?[$share]
这里也要用绝对路径</p>
<p><share_path>ckplayer/share/</share_path><br>
改成绝对地址<br>
<share_path>http://www.你的域名.com/ckplayer/share/</share_path><br>
主要就是改路径为http开头的路径，因为站外访问必需要有全路径才能识别</p>
<p><share_permit>0</share_permit><br>
设置好该参数，如果你的视频站没有视听许可证，则设置成0，如果有，则设置成1</p>
<p><share_flashvars><br>
f,my_url,my_pic,a<br>
</share_flashvars><br>
share_flashvars参数的功能是指分享时，分享出去的flashvars里的参数，这里一定要注意，因为根据你调用视频的方式，需要选择不同的参数分享，已确保在站外再一次分享时还是能够播放的。</p>
<p><strong>第三步：</strong><br>
给网站增加一个跨域策略文件，关于这个文件的说明可以自已baidu一下<br>
简单的使用就是下载官网的直接放到自己网站根目录下<br>
<ahref="http://www.ckplayer.com/crossdomain.xml">http://www.ckplayer.com/crossdomain.xm</a></p>
<p><strong>修改后一定要清浏览器的缓存</strong></p>
<h2>前置广告顺序/随机播放或随机播放多个广告中的一个</h2>
<p>第一步，你的前置广告要设置成多个广告地址的形式</p>
<p>比如你的广告地址是1.swf和2.flv</p>
<p>那么设置方式如下</p>
<p>在flashvars里的代码（其它形式的调用只要对应就行了）</p>
<p>Js代码</p>
<ol class="dp-c list-paddingleft-2" start="1">
<li><span class="keyword">var</span> flashvars={</li>
<li> …</li>
<li> l:<span class="string">‘1.swf|2.flv’</span>,</li>
<li> r:<span class="string">‘|http://www.ckplayer.com’</span>,</li>
<li> t:<span class="string">’10|10′</span>,</li>
<li> …</li>
<li> };</li>
</ol>
<p>l的值里放了二个广告，以竖线隔开</p>
<p>因为2.flv是视频，需要给它个链接地址所以在r里设置了一个空的地址和一个链接地址（以官网地址为例），中间以竖线隔开</p>
<p>t是设置的播放时间，都是10秒，共放20秒</p>
<p>第二步，打开ckplayer.js找到setup:”这个参数，或打开ckplayer.xml找到<setup></setup>这个参数</p>
<p>注意第7个参数</p>
<p>这里的设置有3+种。不同的设置不同的意思</p>
<p>0：是把多个前置广告设置成顺序播放</p>
<p>1：是把多个前置广告设置成随机的顺序播放</p>
<p>2：随机取所有广告中的一个进行播放</p>
<p>3：随机取所有广告中的二个进行播放</p>
<p>…</p>
<p>以此类推</p>
<h2>让控制栏永远隐藏</h2>
<p>找到</p>
<p>ckplayer.js中的setup:”的第29个参数</p>
<p>ckplayer.xml中的<setup></setup>的第29个参数</p>
<p>设置成2</p>
<p>该参数的意思法</p>
<p>0:是正常状态，此时控制栏将会根据setup中的第25个参数来运行。</p>
<p>1:是控制栏默认隐藏，播放状态下鼠标经过播放器显示控制栏，此时只有当鼠标经过播放器时，控制栏才会出来，至后会按照setup的第25个参数来运行</p>
<p>2:是一直隐藏控制栏</p>
<h2>锁定进度栏，让它跟着时间变化而变化，但是不能拖动</h2>
<p>找到</p>
<p>ckplayer.js中的setup:”的第26个参数</p>
<p>ckplayer.xml中的<setup></setup>的第26个参数</p>
<p>设置成0</p>
<h2>让视频离播放器下方的距离为0</h2>
<p>style.swf改成style.zip</p>
<p>把里面的style.xml文件拖出来打开</p>
<p>找到</p>
<p><pm_video>0,0,0,35,0×000000,0,0,0,0,0</pm_video><br>
设置第四个参数（上面的是35），设置成0</p>
<p>这个参数里各个值的意思如下<br>
视频固定区域<br>
1、控制栏未隐藏时左边预留宽<br>
2、控制栏未隐藏时上面预留高度<br>
3、控制栏未隐藏时右边预留宽度<br>
4、控制栏未隐藏时下面预留高度<br>
5、该区域背景颜色<br>
6、该区域背景透明度<br>
7、控制栏隐藏时左边预留宽<br>
8、控制栏隐藏时上面预留高度<br>
9、控制栏隐藏时右边预留宽度<br>
10、控制栏隐藏时下面预留高度</p>
<h2>视频加载失败时的提示文字和文字的位置设置</h2>
<p>修改文字在：language.xml里的<pr_noload>{font color=’#FFFFFF’ face=’NSimSun’}加载失败{/font}</pr_noload>项</p>
<p>修改文字位置是在style.swf(改成style.zip)里的style.xml里的<pm_load>1,1,-30,10,0,200,0</pm_load></p>
<p>因为该处是用来显示加载进度，兼职显示加载失败的提示文字的。各值的意思如下：</p>
<p>1、水平对齐方式，0是左，1是中，2是右<br>
2、垂直对齐方式，0是上，1是中，2是下<br>
3、水平偏移量<br>
4、垂直偏移量<br>
5、文本对齐方式：0是左对齐，1是中间对齐，2是右对齐，3是默认对齐（相当于左对齐）<br>
6、文本框的宽，只有在左/右对齐时有效<br>
7、文本框的高</p>
<p>特别说明：在所有关于文本的控制中，只有设置了左右对齐，后面的宽度才会有效果，如果设置的中间对齐，则宽度无效果</p>
<h2>禁止用户拖动进度条</h2>
<p>打开ckplayer.js搜索：setup</p>
<p>打开ckplayer.xml搜索：setup</p>
<p>修改该参数的第36个值为0。</p>
<p class="post-copyright">未经允许不得转载：<ahref="https://www.wangchao.info/">王超博客</a> » <ahref="https://www.wangchao.info/1491.html">开源ckplayer网页播放器去Logo去广告去水印修改</a></p>
页:
[1]