WordPress集成ckplayer播放器教程

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来自动调整长宽比例。

WordPress集成ckplayer播放器教程相关推荐

react项目中集成ckplayer播放器插件
最近在学习ckplayer播放器,想把它用于web上播放公司的摄像头监控视频.下面记录一下 1.下载ckplayer包下载地址 2.把下载后的包解压后把ckplayer文件夹及里面的内容一起复制到需要 ...
php网站整合ck播放器,帝国cms整合CKplayer播放器代码教程
网上关于帝国cms整合ckplayer播放器的教程已经很多了,奇芳阁也分享过一篇帝国cms整合ckplayer的博文,不过可惜的是那种方法只能播放flv格式的文件,下面分享一种帝国cms完美整合CKp ...
php 如何使用ck播放视频,[原创]简单代码利用ckplayer播放器实现帝国CMS播放优酷在线视频...
使用帝国CMS一段时间来,真的感谢帝国CMS 这么好的平台,使用真的方便. 需要某个功能,总是习惯寻找安装插件,但通用的面对大众的不一定适合自己真正的需要,我站点的部分内容需要在线播放优酷视频的功能, ...
[No0000188][VCB-Studio 科普教程 2.5] 基于 PotPlayer 和 madVR 的播放器教程（已更新 XySubFilter）...
Potplayer 是高清影视常用的播放器,界面简洁,功能齐全,比 MPC-HC 和 MPC-BE 更人性化:但其默认方案十分糟糕,预设过多错误,无法正确播放 10-bit 视频,一直饱受诟病.VCB ...
ckplayer解析php源码,zblogphp视频主题使用ckplayer播放器说明
zblog视频主题最新升级版中内置了ckplayer播放器,本文要详细说明下ckplayer播放器的使用方法. 事先声明: 主题内置的"ckplayer播放器"仅为最基本的网页播放 ...
android集成EasyPlayer播放器播放实时流媒体视屏
android集成EasyPlayer播放器播放实时流媒体视屏最近公司项目需要实现一个rtsp实时流媒体视频的播放,在移动端尝试了多个第三方能播放rtsp流实时视频的软件后发现EasyPlayer的 ...
苹果cms v10版本整合ckplayer播放器
rt,安装了苹果cms v10 版本搭建影视系统,结果没有播放器按钮解决问题方案一: 那是因为采集插件视频使用的播放器是ckplayer或者是被采集的网使用其他的播放器是自己没有添加进去,一样没有播 ...
ckplayer 播放器参数详细设置
ckplayer 播放器参数详细设置转载 2015年09月02日 14:32:34 4605 <div id="flashcontent"></div>& ...
被限制的ckplayer播放器如何实现倍速播放和快进
很多网络教育视频都喜欢用ckplayer播放器,ckplayer是开源的,可以限制学员拖曳进度条和倍速播放.下面介绍ckplayer两个BUG: 1.F12 进入开发者模式,在控制台console输入 ...

WordPress集成ckplayer播放器教程

WordPress集成ckplayer播放器教程相关推荐

最新文章

热门文章