ckplayer.com
首页 | 下载 | 帮助手册 | 应用示例 | 论坛
外挂字幕插件的示例
相关代码及说明
外挂字幕插件的添加方法:
    插件下载地址:外挂字幕插件
    安装前请一定了解下面这篇文章
    http://www.ckplayer.com/manual/#p_7_13_46
    1:把风格文件style.swf改名成style.zip
    2:把subtitle.swf拖进style.zip
    3:把style.zip改名成style.swf
    4:修改ckplayer.js或者ckplayer.xml
JS添加方法,打开ckplayer目录下的ckplayer.js
function ckcpt() {
    var cpt = '';
    cpt += 'right.swf,2,1,0,0,2,0|'; //右边开关灯,调整,分享按钮的插件
    cpt += 'share.swf,1,1,-180,-100,3,0|'; //分享插件
    cpt += 'adjustment.swf,1,1,-180,-100,3,0|'; //调整大小和颜色的插件
    cpt += 'subtitle.swf,0,0,0,0,2,0|'; // <--添加到这里
    return cpt;
}
.
.
中间部分代码省略
.
.
/*
分享插件调用的配置文件地址
调用插件开始
*/
cpt_subtitle_cn: '{font color="#FFFFFF" size="22" face="Microsoft YaHei,YaHei,SimHei,黑体"}[$subtitle]{/font}',//<--还有这里
cpt_subtitle_en: '{font color="#FFDD00" size="22" face="Arial"}[$subtitle]{/font}',//<--还有这里
cpt_list: ckcpt()
XML添加方法,打开ckplayer目录下的ckplayer.xml(在文件的最底部寻找)
<cpt>right.swf,2,1,0,0,2,0</cpt><!--右边开关灯,调整,分享按钮的插件-->
<cpt>share.swf,1,1,-180,-100,3,0</cpt><!--分享插件-->
<cpt>adjustment.swf,1,1,-180,-100,3,0</cpt><!--调整大小和颜色的插件-->
<cpt>subtitle.swf,0,0,0,0,2,0</cpt> <--添加到这里
<cpt_subtitle_cn>{font color="#FFFFFF" size="22" face="Microsoft YaHei,SimHei,黑体"}[$subtitle]{/font}</cpt_subtitle_cn> <--还有这里
<cpt_subtitle_en>{font color="#FFDD00" size="22" face="Arial"}[$subtitle]{/font}</cpt_subtitle_en> <--还有这里
单独调用字幕文件方法示例代码
<div id="a1"></div>
<script src="/ckplayer/6.6/ckplayer.js"></script>
<script type="text/javascript">
    var flashvars = {
        f: 'http://movie.ks.js.cn/flv/other/2014/06/20-2.flv',
        c: 0,
        p: 2,
        b: 0,
        i: '/static/images/letitgo.jpg',
        subtitle_cn:'/ckplayer/subtitle/cn.srt',
        subtitle_en:'/ckplayer/subtitle/en.srt',
        my_url: encodeURIComponent(window.location.href)
    };
    var video = ['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4'];
    CKobject.embed('/ckplayer/6.6/ckplayer.swf', 'a1', 'ckplayer_a1', '100%', '100%', false, flashvars, video);
</script>