注意:本教程适用于DedeCMS V5.3,V5.5,V5.6,V5.7
有时候,我们为了能够更好展示网站的正文内容,需要引入一些视频,但织梦自带的编辑器又不直接支持优酷等视频网站的引用。本篇教程就是来给大家讲解如何在织梦(DedeCMS)系统中加入例如优酷网站的教程,一共分为一下几个步骤来完成:
模型自定义字段的添加优酷swf地址的添加优酷引用代码的加入一、实现方法
我们刚才说到,要实现这个效果,自带的编辑器不支持。那么我们就可以利用织梦(DedeCMS)内容模型来进行实现,这里我们以默认的文章模型为基础来进行制作(如果是您是其它新建的模型,方法也是一样的)
1)模型自定义字段的添加
进入后台,依次点击【核心】——【频道模型】——【内容模型管理】,点击【普通文章】 后面 进行修改,打开之后,切换到[字段管理],然后点击 [添加新字段] ,信息如下:
添加以后保存即可。
2)优酷swf地址的添加
为这个字段添加一下优酷的swf地址用于内容页的播放。当然,方法就是添加一篇这个模型的文档,这里是普通文章,我们添加的信息如下:
在这里要注意上面图示中红色背景的swf地址,它是在优酷的播放页进行手动提取的。
例如 在 http://v.youku.com/v_show/id_XMjA4MDk4MjQw.html 页面中,它的提取方式为:
3)优酷引用代码的加入
打开我们当前的内容页模板,在{dede:field.body/} 上一行加入以下代码:
折叠XML/HTML 代码复制内容到剪贴板 <embed type="application/x-shockwave-flash" src="{dede:field.ykswf/}" id="movie_player" name="movie_player" bgcolor="#FFFFFF" quality="high" allowfullscreen="true" flashvars="isShowRelatedVideo=falseshowAd=0show_pre=1show_next=1isAutoPlay=falseisDebug=false UserID=winType=interiorplayMovie=true&MM Control=falseMMout=falseRecordCode=1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3 007,3008,9999" pluginspage="http://www.macromedia.com/go/getflashplayer" width="350" height="360"> </embed>
要是能自动判断是否输入了视频地址,输入则调用视频
其实这个比较简单,对ykswf字段稍加处理一下即可完美实现:
折叠XML/HTML 代码复制内容到剪贴板
{dede:field.ykswf runphp='yes'} if(@me == ''){ @me = ''; } else{ @me = '<embed type="application/x-shockwave-flash" src="'.@me.'" id="movie_player" name="movie_player" bgcolor="#FFFFFF" quality="high" allowfullscreen="true" flashvars="isShowRelatedVideo=falseshowAd=0show_pre=1show_next=1isAutoPlay=falseisDebug=false UserID=winType=interiorplayMovie=true&MM Control=falseMMout=falseRecordCode=1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3 007,3008,9999" pluginspage="http://www.macromedia.com/go/getflashplayer" width="350" height="360" > </embed>'; } {/dede:field.ykswf}
具体添加的示例如下:
好了,到这里我们的所有过程已经完毕了。那么我们来看看具体效果:
二、教程小节
1)注意事项
本篇教程基本上属于对织梦(DedeCMS)系统初中级熟悉度的朋友,建议大家来实际操作的时候,最好严格按照本篇教程中所讲述的过程来实现。这样才能保证最终的效果能够顺利完成。也希望大家能够在教程中获取的是渔而不是鱼,能够在一定程度上举一反三。2)代码特点
教程中用的优酷视频引入代码有以下特点:
全屏不会跳转到优酷页;屏蔽了优酷播放页的LOGO图标;屏蔽了优酷的链接;
基本上属于一个比较完美的解决方案。
添