一区二区三区欧美日韩-一区二区三区欧美-一区二区三区免费在线视频-一区二区三区免费在线观看-久久精品店-久久精品第一页

歡迎您光臨深圳塔燈網(wǎng)絡(luò)科技有限公司!
電話圖標(biāo) 余先生:13699882642

織夢dedecms整合添加ckplayer播放器支持flv,mp4等播放功能

發(fā)表日期:2018-09 文章編輯:小燈 瀏覽次數(shù):3672

現(xiàn)在很多DEDE開發(fā)的視頻網(wǎng)站使用的播放器是ckplayer,這個播放器功能非常強(qiáng)大,支持flv,mp4,swf等各種類型的文件播放器。當(dāng)我們的視頻不想上傳到y(tǒng)ouku等視頻網(wǎng)站時,可以使用這個播放器,這樣可以自己控制自己的視頻長度,清晰度,還可以給自己的視頻添加上播放前的廣告,我們都知道視頻網(wǎng)站都都是以廣告形式來生存的,所以,我們在上傳了我們的視頻后,就等于給這些視頻網(wǎng)站提供了廣告載體。如果您想自己在視頻上面做廣告,或是自己想擁有自己的個性的播放器,您可能使用ckplayer。

但是,ckplayer整合到DEDE稍微有點難度,這里就詳細(xì)講一下如何正確整合。

織夢整合ckplaery播放器步驟:

第一步:下載播放器代碼,官方網(wǎng)站是 http://www.ckplayer.com

把下載下來的代碼解壓后,把文件夾ckplayer放到網(wǎng)站根目錄(當(dāng)然,您可以根據(jù)自己的需要放到相應(yīng)原目錄里面,我這里以放到網(wǎng)站根目錄為例子)。

如果你的播放需要 白天/黑夜 功能也一起把js文件夾放到網(wǎng)站根目錄里面。我這里不需要這個功能,所以,只上傳ckplayer到網(wǎng)站根目錄。

第二步:在織夢系統(tǒng)添加字段 ckurl,用來上傳 mp4文件用的字段,如下圖所示:

添加字段
數(shù)據(jù)類型選擇-多媒體文件

第三步:修改播放器代碼路徑和添加標(biāo)簽:

播放器代碼是:

<divid="a1"></div><scripttype="text/javascript"src="ckplayer/ckplayer.js"charset="utf-8"></script><scripttype="text/javascript">varflashvars={f:'http://www.bnxb.com/upload/180105/12389514.mp4',c:0,b:1,i:'http://www.ckplayer.com/static/images/cqdw.jpg'};varparams={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params);/*CKobject.embedSWF(播放器路徑,容器id,播放器id/name,播放器寬,播放器高,flashvars的值,其它定義也可省略);下面三行是調(diào)用html5播放器用到的*/varvideo=['http://www.bnxb.com/upload/180105/12389514.mp4'];varsupport=['iPad','iPhone','ios','android+false','msie10+false'];CKobject.embedHTML5('a1','ckplayer_a1',600,400,video,flashvars,support);functioncloselights(){//關(guān)燈alert('本演示不支持開關(guān)燈');}functionopenlights(){//開燈alert('本演示不支持開關(guān)燈');}</script>



這段代碼是ckplayer提供的演示的例子里面的代碼,您可以根據(jù)ckplayer播放器官方提供的例子,自己生成不同的播放器風(fēng)格,如果您想做成一個比較個性的播放器,請到官方網(wǎng)站去配置播放器吧,這里不再一一講解,配置很簡單。

這里要改的文件是js文件和一個播放器文件的路徑,即 ckplayer.js和ckplayer.swf的路徑為根目錄。

寫上上面我們添加的字段,即寫上織夢標(biāo)簽調(diào)用,分別是:

f:'{dede:field.vurl/}',varvideo=['{dede:field.vurl/}'];



改好的代碼是:

<divid="a1"></div><scripttype="text/javascript"src="/ckplayer/ckplayer.js"charset="utf-8"></script><scripttype="text/javascript">varflashvars={f:'{dede:field.vurl/}',c:0,b:1,i:'http://www.ckplayer.com/static/images/cqdw.jpg'};varparams={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};CKobject.embedSWF('/ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params);/*CKobject.embedSWF(播放器路徑,容器id,播放器id/name,播放器寬,播放器高,flashvars的值,其它定義也可省略);下面三行是調(diào)用html5播放器用到的*/varvideo=['{dede:field.vurl/}'];varsupport=['iPad','iPhone','ios','android+false','msie10+false'];CKobject.embedHTML5('a1','ckplayer_a1',600,400,video,flashvars,support);functioncloselights(){//關(guān)燈alert('本演示不支持開關(guān)燈');}functionopenlights(){//開燈alert('本演示不支持開關(guān)燈');}</script>



上面標(biāo)紅的就是改后的內(nèi)容,你可以對比一下就可以看出我修改過的代碼了,如果您也是把ckplayer放在根目錄里面,您添加的字段也是vurl的話,你可以直接使用上面我改好的代碼。

第四步:把上面的代碼添加到模文件里面,我把上面的代碼添加到了article_article.htm里面,要在哪個欄目里面使用視頻播放就在哪個欄目里面對應(yīng)的內(nèi)容頁模板添加上面的代碼。

第五步:上傳視頻或添加mp4url地址進(jìn)行測試

1)添一個mp4視頻:

視頻文件是:http://www.bnxb.com/upload/180105/12389514.mp4->video/mp4

如下圖所示:

添加mp4視頻

效果如下:

織夢播放mp4
已經(jīng)添加成功了,這是一個外鏈,但是,我們一般都是上傳mp4視頻文件。

2) 上傳一個mp4視頻:

上傳前需要對織夢作如下更改,在織夢后臺 > 系統(tǒng) >基本參數(shù) >附件設(shè)置 >允許的多媒體文件類型,后面添加 |mp4,如下圖所示:

設(shè)置多媒體類型

這樣我們上傳一個mp4文件,但是,我們上傳文件后結(jié)果找不到這個文件,如下圖所示:


正常是我們上傳一個文件應(yīng)當(dāng)在這個列表里面,然后,我們點擊選擇后,就可以把上傳的文件添加的 視頻 文件框里面,但是,現(xiàn)在連找都找不到,更不用說添加視頻到文本框中了。

出現(xiàn)這個問題的原因是織夢在處理上傳的文件時,并沒有mp4格式的,所以,程序在把今天上傳的文件顯示出來的時候自然就會把 mp4格式的文件給略掉了,也就看不到了。

解決方法:

找到文件include/dialog/select_media.php

把代碼:else if(preg_match("#.(swf|fly|fla|flv)#i", $file))

改為

else if(preg_match("#.(swf|fly|fla|flv|mp4)#i", $file))

即 在上面的代碼上面添加了 |mp4

添加完后我們再看看效果,如下圖所法:


這就是我上傳的視頻文件,點擊這個文件后就添加到 視頻 文本框里面了,這樣就搞定了。

若你的不能播放或出現(xiàn)問題可能是以下幾種情況:

1. 你的服務(wù)器需要配置mime類型,不會請找空間商給處理。

2. 如果你路徑有問題就無法播放,所以,如果你的ckplayer文件夾在網(wǎng)站根目錄的話,直接使用上面的代碼最好,已經(jīng)測試過了。

擴(kuò)展閱讀:

如果您想添加廣告,請根據(jù)官方的配置手冊修改文件ckplayer/ckplayer.js文件里面的代碼,這里面說的非常詳細(xì),一看就會明白。


本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得,所有資料僅供用戶參考了本站不擁有所有權(quán),如您認(rèn)為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容,請及時與我們聯(lián)系,并提供相關(guān)證據(jù),工作人員會在5工作日內(nèi)聯(lián)系您,一經(jīng)查實,本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.junxiaosheng.cn/10490.html
相關(guān)cms文章
 八年  行業(yè)經(jīng)驗

多一份參考,總有益處

聯(lián)系深圳網(wǎng)站公司塔燈網(wǎng)絡(luò),免費獲得網(wǎng)站建設(shè)方案及報價

咨詢相關(guān)問題或預(yù)約面談,可以通過以下方式與我們聯(lián)系

業(yè)務(wù)熱線:余經(jīng)理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.    

主站蜘蛛池模板: 亚洲国产AV无码综合在线| 亚洲乱码在线卡一卡二卡新区| 最近日本免费观看MV免费| 亚洲XXX午休国产熟女屁| 超碰在线vip| 欧美老妇与zozoz0交| 手机在线观看无码日韩视频| oldgrand欧洲老妇人| 极品少妇伦理一区二区| 午夜影院一区二区三区| 国产电影无码午夜在线播放| 精品久久久99大香线蕉| 亚洲成在人线视频| 国产色精品久久人妻无码| 87影院午夜福利| 二级片免费看| 日韩欧无码一区二区三区免费不卡| 亚洲一区在线观看无码欧美| WWW亚洲精品久久久乳| 欧美成 人 网 站 免费| 99久久久国产精品免费调教| 男男女女爽爽爽视频免费| 亚洲2023无矿砖码砖区| 国产精品亚洲精品日韩电影| 无码一卡二卡三卡四卡| 国产精品一区二区AV97| 亚洲 欧美 日韩 卡通 另类| 国产色精品久久人妻无码看片| 亚洲1区2区3区精华液| 国内高清在线观看视频| 免费看国产精品麻豆| 879影视动漫h免费观看| 欧美の无码国产の无码影院| av天堂网站avtt2017| 欧美一区二区视频97色伦| 99久久夜色精品国产亚洲AV卜| 久久欧洲视频| 51无码人妻精品1国产| 女人爽得直叫免费视频| 超大号黑吊magnet| 四虎免费影院|