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

    Wordpress 整合ckplayer X最新教程插图

    具体方法如下:

    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]。

    注:如复制代码出错,下面给大家留个备用代码下载地址,下载附件后复制代码即可使用!

     

     

    喜欢 0
    1. 本站所有源码、模板、插件等其他资源,都不包含免费技术服务请大家谅解!
    2. 本站提供的所有资源不免费提供个人需要的资源修改、美化、功能定制!
    3. 如遇需要解压密码,则解压密码为"www.360mb.net"!
    4. 由于源码属于可复制性产品,发货后禁止买家以各种理由退款!!
    5. 本站提供资源如遇源码失效,功能异常等等可提供退款服务,可参考《退款规则》!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!

    360模板吧 » Wordpress 整合ckplayer X最新教程

    发表评论