WordPress集成ckplayer播放器教程
我的站长站
2019-06-18
共人阅读
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>';}然后在发布文章时在内容框里插入短代码 [ckplayer]视频url地址[/ckplayer] 即可。至于视频的样式可以通过js来自动调整长宽比例。
相关专题
播放器
2021-10-08 1280播放器专题整合全站音视频相关资源，涵盖网页音乐播放器、视频播放器源码，各类通用程序播放器插件，以及网站嵌入、程序整合播放器的全套实操教程。源码轻量易用，插件适...
- TCPlayer腾讯H5播放器插件 [2024-11-26]
- Melody-我的音乐精灵,快速搭建一个自己的音乐播放器 [2024-06-20]
- 超级播放器专业版V1.0.8 [2023-12-23]
- DeepSound在线音乐共享播放平台PHP源码 [2023-06-13]
- 云海二开弹幕视频播放器源码,支持接苹果cms蓝光json接口 [2022-11-01]