梦站博客-免费资源
  技术教程分享平台

WordPress网站整合ckplayer的方法

Pulpit rock

如过你想在你的wordpress网站分享一些视频在线观看的话,可以用ckplayer,绝大部分的视频站都用这个吧,挺不错的,自定义播放器 logo,自定义视频中滚动文字广告,自定义片头、片尾等等之类

这里分享以下整合ckplayer的教程,留个备用

首先我们需要在ckplayer 官网上下载 ckplayer 播放器文件压缩包,解压其中的文件夹 ckplayer 放到网站根目录下,然后在主题functions.php 文件中添加下面代码:

  1. add_shortcode(“wp_ckplayer”,”wp_ckplayer”);

    function wp_ckplayer( $atts, $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 }

这样我们在编辑文章的时候切换到文本选项即可看到 ckplayer 的按钮,使用的时候点击然后替换其中的文字视频地址为真正的视频地址即可。

至于如何自定义自己的播放器 logo、广告,还请自行在官方文档中查看帮助文件,都是很简单的操作。

未经允许不得转载:梦站博客-一切皆起源于兴趣 » WordPress网站整合ckplayer的方法
分享到: 更多 (0)

留个足迹 抢沙发

天猫淘宝优惠券-省钱第一步

省钱通道领券通道