今天翻了翻网上的教程,试试把ckplay整合到wp里面,虽然没什么多大的帮助,可是小试一手,很简单,几分钟就成功了…… javascript
试试下效果,不错就分享一下吧 php
CKplayer是能够由你们本身diy播放器风格,本身设计logo,load缓冲画面,并且ckplayer集成了对swf和html5的支持,PC机,Iphone,Ipad,Android系统等主流平台均可以使用ckplayer播放视频 html
用的是ckplayer6.3精简版,精简版和完整版有什么不一样? html5
精简版和完整版的区别在于完整版里提供了插件源文件以及所有功能,而精简版的只提供了基本的功能,可是精简单版能够经过增长插件升级成完整版 java
解压出压缩包里面的ckplayer文件夹放到当前主题文件夹 app
下载video.php解析插件一块儿放到ckplayer文件夹里面(也能够单独放在网站根目录下) ide
video.php 下载地址:http://www.newsky365.com/wp-content/uploads/2013/11/video.rar 网站
而后在cklayer.xml配置里面找到<flashvars>这一行 url
1
|
<
flashvars
>
{
p
->
1
}
{
b
->
1
}
{
s
->
2
}
{
l
->
}
{
r
->
}
{
t
->
}
{
f
->绝对路径
/
video
.
php
?
url
=
[
$
pat
]
}
<
/
flashvars
>
|
在你使用的主题head.php头部加上 spa
1
|
<script
type
=
"text/javascript"
src
=
"<? bloginfo('template_directory'); ?>/ckplayer/ckplayer.js"
>
</script>
|
最后在你的主题配置function.php里面加上 (配置短代码)宽高值本身设定 p=0为 不自动播放
1
2
3
4
|
add_shortcode
(
"ckplayer"
,
"ipc_ckplayer"
)
;
function
ipc_ckplayer
(
$
atts
,
$
content
=
null
)
{
return
'<embed name="Player" id="Player" src="'
.
get_stylesheet_directory_uri
(
)
.
'/ckplayer/ckplayer.swf" flashvars="a='
.
$
content
.
'&p=0" quality="high" width="650" height="400" align="middle" allowScriptAccess="always" allowFullscreen="true" type="application/x-shockwave-flash"></embed>'
;
}
|
发布文章的时候
1
|
文章中插入
[
ckplayer
]视频地址
[
/
ckplayer
]
|
大功告成……