如何在DEDE織夢網站模板中使用在線播放flv視頻呢?
目前FLV視頻格式深受廣大用戶的喜愛,越來越多的網站都采用flv格式視頻來播放視頻,其因體積小,在網頁上播放起來比其它格式的視頻流暢,正成為越來越多的站長的首選。當你的客戶提出要求要把網站中的視頻采用flv格式時,你是否在愁怎樣解決織夢如何來使用在線播放這flv格式的視頻?為此,長沙做網站的嚴微工作室特意為這需求研究了一套解決方案,該方案簡單易懂,做一個能播放flv視頻的網頁只需稍微懂點代碼即可,且實現視頻有縮略圖以及視頻右上角加logo水印和解決添加新模型提示“更新數據庫archives表時出錯”的問題。
方法如下:
第一步:找一段可以播放FLV格式的播放代碼,播放代碼如下:
【注意:下面代碼是從中山教育視頻網上抓取的一段代碼】
<div id="player2"> <embed width="478" height="400" flashvars="autostart =true&file=http://v.zsedu.net/resource/video/szxw/79/932/2012/1/14/1326508288755859721.flv&image=http://v.zsedu.net/resource/picture/szxw/79/932/2012/1/14/1326508288755859721.jpg&fullscreen=true&width=478&height=400&logo=http://v.zsedu.net/images/logo1.png&autostart=false" allowscriptaccess="always" allowfullscreen="true" quality="high" name="single" id="single" style="undefined" src="http://v.zsedu.net/js/mediaplay/player_big.swf" type="application/x-shockwave-flash"></div> <script type="text/javascript"> var s2 = new SWFObject("http://v.zsedu.net/js/mediaplay/player_big.swf","single","478","400","7"); s2.addParam("allowfullscreen","true"); s2.addVariable("autostart ","true"); s2.addVariable("file","http://v.zsedu.net/resource/video/szxw/79/932/2012/1/14/1326508288755859721.flv"); s2.addVariable("image","http://v.zsedu.net/resource/picture/szxw/79/932/2012/1/14/1326508288755859721.jpg"); s2.addVariable("fullscreen","true"); s2.addVariable("width","478"); s2.addVariable("height","400"); s2.addParam('allowscriptaccess','always'); s2.addVariable("logo","http://v.zsedu.net/images/logo1.png"); s2.addVariable("autostart","false"); s2.write("player2"); </script>
然后上面代碼中的幾處含有http://的路徑更改成自己的即可:
【1】http://v.zsedu.net/resource/video/szxw/79/932/2012/1/14/1326508288755859721.flv,這里為flv視頻;
【2】http://v.zsedu.net/resource/picture/szxw/79/932/2012/1/14/1326508288755859721.jpg,這里為flv視頻的縮略圖;
【3】http://v.zsedu.net/js/mediaplay/player_big.swf,這里為flv視頻播放的播放器,需下載到自己本地服務器上去,沒有它視頻是播放不了的;、
【4】http://v.zsedu.net/images/logo1.png,這里為視頻右上角的水印,改功能可有可無,看自己需求;
第二步:創建視頻模型和視頻的模板
創建視頻模型的方法這里就簡單介紹下:
【1】“頻道模型”的“內容模型”,然后點“增加新模型”;
【2】頻道ID,可默認;名字標識,我寫的是:video;頻道名稱寫成“視頻”;附加表:dede_addon17,可改可不改,我這里為了方便記住就更改為dede_addon_video;模型性質:自動模型;然后確定。
【3】確定后點擊剛剛創建好的“視頻”模型,找到“字段管理”,因為自動模型沒內容這個字段,需要自己創建,還需要創建個“插入視頻網址”的字段,該字段是插入一段網址的,所以下面我貼出“內容”和“插入視頻網址”的兩個字段為body,website;
代碼:
<field:body itemname="文章內容" autofield="1" notsend="0" type="htmltext" isnull="true" islist="0" default="" maxlength="" page="split"></field:body> <field:website itemname="插入視頻網址" autofield="1" notsend="0" type="text" isnull="true" islist="0" default="http://" maxlength="250" page=""></field:website>
完成后這里如果去“視頻”模型添加文章會提示“更新數據庫archives表時出錯”,那么我們要在“系統”的“SQL命令行工具”里執行下面兩句代碼:
alter table `dede_addon_video` ADD `website` varchar(250) NOT NULL DEFAULT 'http://'; alter table `dede_addon_video` ADD `body` mediumtext;
加上面的代碼后就能成功添加新的文章。
【4】接下來就是視頻的詳細頁面模板
將上面的flv視頻播放代碼放在視頻的詳細頁面模板里,然后將幾處含有http://的路徑更改成:
flv的地址更改為{dede:field.website/}
jpg縮略圖地址更改為{dede:field name='litpic'/}
swf播放器地址更改為{dede:global.cfg_templets_skin/}/images/player_big.swf
logo水印地址更改為{dede:global.cfg_templets_skin/}/images/logo.jpg【這里根據自己的需要,我這只是參考】
完工。
Copyright © 2009-2019 Ywcms.Com All Right Reserved. 湘ICP備16006489號-2