欢迎光临
我们一直在努力

wordpress主题免插件添加ckplayer播放器操作方式

首先在ckplayer播放器网站上下载资源包,将ckplayer播放器文件夹放入主题根目录中(确保wp-content/themes/motheme/ckplayer/ckplayer.js存在),然后添加代码如下:

在主题的functions.php加入以下代码

function MBThemes_ckplayer_scripts() { 
wp_enqueue_script( 'ckplayer', get_bloginfo('template_url') . '/ckplayer/ckplayer.js', false, '', false); 
} 
add_action('wp_enqueue_scripts', 'MBThemes_ckplayer_scripts'); 
add_shortcode("ckplayer","MBThemes_ckplayer_shortcode"); 
function MBThemes_ckplayer_shortcode( $atts, $content=null ) { 
$nonce = wp_create_nonce(rand(10,1000)); 
return '<div id="ckplayer-video-'.$nonce.'" class="ckplayer-video" style="margin-bottom:30px;">
</div> 
<script type="text/javascript"> 
var videoObject'.$nonce.' = { 
container:"#ckplayer-video-'.$nonce.'", variable:"player", autoplay:false, video:"'.$content.'" 
}; 
var player=new ckplayer(videoObject'.$nonce.'); 
</script>'; 
}

然后在发布文章时,在内容框中插入一个简短的代码

wordpress添加ckplayer播放器

 

至于视频的风格,js可以自动调整长宽比。

集成移动客户端演示的屏幕截图如下

wordpress添加ckplayer播放器

赞(0)

抢沙发

评论前必须登录!