• 正文概述
  • 售后服务
  • WordPress整合ckplayer X最新完美代码,因为现在很多站长都是用了最新的ckplayer X SDK包,所以我们出一期教程来教一教大家WordPress如何整合ckplayer;如下方法只适应整合ckplayerX版本,6.8版本文章也会提一提。(ckplayer X默认支持m3u8,6.8版本如要添加m3u8插件,具体见ckplayer官网论坛)

    具体方法如下:
    1.下载ckplayer X最新版本(6.8版本的也一样), 解压后将ckplayer上传到WP网站根目录
    2.找到 /wp-content/themes/你的主题/functions.php 文件,在“functions.php”里面添加代码。
    ckplayer X代码
    //调用Ckplayer播放代码开始
    
    add_shortcode("ckplayer","ipc_ckplayer");
    
    function ipc_ckplayer( content=null )
    
    {
    
    return "
    
    <div id=\"a1\" style=\"width:100%;height:100%;\"></div>
    
    <script type=\"text/javascript\" src=\"/ckplayer/ckplayer.js\" charset=\"utf-8\"></script>
    
    <script type=\"text/javascript\">
    
    var videoObject = {
    
    container: '#a1',
    
    variable: 'player',
    
    flashplayer:false,
    
    video:'".$content."'
    
    };
    
    var player=new ckplayer(videoObject);
    
    </script>
    
     
    
    ";
    
    }
    
    //调用Ckplayer播放代码结束
    
    //后台增加短代码按钮开始
    
    function appthemes_add_quicktags() {
    
    ?>
    
    <script type="text/javascript">
    
    QTags.addButton( 'ckplayer', 'ckplayer', '[ckplayer]', '[/ckplayer]' );
    
    </script>
    
    <?php
    
    }
    
    add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );
    
    //后台增加短代码按钮
    ckplayer 6.8代码
    add_shortcode("wp_ckplayer","wp_ckplayer");
    function wp_ckplayer( content=null )
    {
    return "
    <div id=\"a1\"></div>
    <script type=\"text/javascript\" src=\"/ckplayer/ckplayer.js\" charset=\"utf-8\"></script>
    <script type=\"text/javascript\">
    var flashvars={
    f:'".$content."',
    c:0,
    my_url:encodeURIComponent(window.location.href),
    my_title:encodeURIComponent(document.title)
    };
    var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
    var video=['".$content."->video/mp4'];
    CKobject.embed('/ckplayer/ckplayer.swf','a1','ckplayer_a1','100%','400',false,flashvars,video,params);
    </script>
    ";
    }
    add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce');
    function bolo_after_wp_tiny_mce($mce_settings) {
    ?>
    <script type="text/javascript">
    QTags.addButton( 'wp_ckplayer', '视频地址', "[wp_ckplayer]视频地址[/wp_ckplayer]" );
    function bolo_QTnextpage_arg1() {
    }
    </script>
    <?php }
    3.增加代码后保存重新上传到该模板目录对应位置覆盖,后台写文章时在文本编辑模式下,编辑框上方小图标最后面有ckplayer或者wp_ckplayer,直接点击,即可在编辑器里出现[ckplayer]视频地址[/ckplayer]或者[wp_ckplayer]视频地址[/wp_ckplayer]。
    如复制代码出错,下面给大家留个备用代码下载地址

     

     

    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长
    2. 如遇需要解压密码,则解压密码为"www.360mb.net"!
    3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用!
    8. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    360模板吧 » Wordpress 整合ckplayer X最新教程

    常见问题FAQ

    美化包支持最新版本吗?
    360模板吧最新美化支持永久更新!
    下载包需要解压密码?
    360模板吧解压密码为www.360mb.net!

    发表评论