今天翻了翻網上的教程,試試把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
]
|
大功告成……